Shape 5

One of the menus from my main menu has submenus. Only on the home page, the list of submenus does not work. It is all cramped and only shows the first option. I tried updating vertex framework to 4.1 it didn't fix it and caused a secondary problem. My search box that shows on a couple of the screens now looks strange. The inner circle that you type the word into is longer than the box. I can't see where to fix that, if I inspect the html it doesn't give me a file to change- it says index:23 and points to https://productivepcs.com/:23,

It gets corrected if I uncheck the width: auto; box

div.mod_search28 input[type="search"] {
    width: auto;
}

website: productivepcs.com

Thanks.

Hello,

If it is only occurring on the homepage then there is either an issue with a third party extension conflicting with it or there is an unopen element on the page. You would need to disable all third party extensions on the homepage and anything with custom html in it like a module or article. Often times extensions have poorly written javascript that can cause conflicts like this. Also, an unclosed element like a missing </div> tag can cause something like this. I would start by unpublishing modules that are only set to show on the homepage to identify which is causing the issue.

I would also recommend disabling any cache plugins you have enabled. I am looking at the source of the site it there is something manipulating the output of js files.

Thanks Mike, it was a third party problem.However I am still having a problem with the search circle being longer than the box. If I right click in the area, select inspect and uncheck the auto width parameter, it is corrected however I am not sure which file to change on the back end. It just says it is called https://productivepcs:17. Can you help with this?

Hello,

Try adding the following to the bottom of template.css:

#mod-search-searchword28 {
width:87% !important;
}

That worked, thank you!