[Resolved] Search below header (on mobile)

[Fabien]

Hi,

I’ve used the following CSS in order to display the search bar below my header :

.navigation-search {
    top: 100%;
} 

Source : https://generatepress.com/forums/topic/inside-navigation-search-drop-below-like-twenty-fourteen-theme/

It works well on desktop but not on mobile. Can you please help ?

Thank you !

[David]

Hi there,

try adding this CSS:

#mobile-header {
    position: relative;
}

[Fabien]

Awesome support, as always !

[David]

Glad to be of help

[Erik]

I’ve used the same to CSS in order to display the search bar below my main navigation. However, I have a 5px border radius on my main navigation and I can’t seem to make this happen on the search bar. What do I need to do to round those corners as well? Thanks!

[Leo]

Any chance you can open a new topic and link me to the page in question?

Thanks!

[Erik]

Done: https://generatepress.com/forums/topic/css-to-round-corners-on-search-bar/

[Leo]

Thanks 🙂

[Author]

Posts