Archived topic
Re-design search bar
3 replies · Started by Klara on March 20, 2023
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?
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:
Thank you, however when I try to style it (made it red for clarity) there seems to be a box behind it?
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
