[Resolved] Search bar in navigation area too wide

[John]

Hello, I use GP Premium. I have enabled the search bar option on my primary navigation menu. However, when you click on the magnifying glass icon in the primary menu, the input field that appears for the search function is too wide and seems to go “under” the magnifying glass icon on the primary menu. This creates a broken border around the input field for search.

Any input on how this can be corrected? Thank you for your help!

[David]

Hi there,

try adding this CSS to your site:

.navigation-search input[type="search"] {
    max-width: calc(100% - 60px);
}

[John]

Works great, thank you so much David!

[David]

You’re welcome

[Author]

Posts