[Support request] Re-design search bar

[Klara]

Hello, I’m designing a website and the searchbar is giving me some trouble.

– It is possible to remove the “Foundations…”-menu from inside the search area? It’s an off-canvas menu.
– What css-class should I style if I want to change the appearance of the white search box?

[David]

Hi there,

simple fix would be this CSS to move the nav search below the header when open:

.navigation-search.nav-search-active {
    top: 100%;
    border: 1px solid #000;
}

Let me know if theres a specific style you need… however, in the next GP update we have added Modal Navigation Search, see here:

https://generatepress.com/a-new-navigation-search/

Its in the alpha version of GP 3.3:

https://generatepress.com/category/changelog/

[Klara]

Thank you, however when I try to style it (made it red for clarity) there seems to be a box behind it?

[David]

That box is from the input element inside the form that you added the border radius to.

In your CSS include the overflow: hidden; property to fix that

[Author]

Posts