[Resolved] inside navigation search drop below (like twenty fourteen theme)?

[Jenny]

Hi, Is it possible to make the search open below the inside-navigation, similar to, but not exactly like I have achieved with another site for which I used twenty fourteen as the theme? On desktop it would appear below menu items (overlaying the header) which are floated right as you have on generatepress.com and on tablet and mobile the search field would appear beneath inside-navigation? If so, would you please share the php that is necessary and whether I need to add this code to the child theme I have or whether it is better to use the plugin codesnippets which I have installed. Thank you, Jenny

[Tom]

Hi there,

Give this CSS a try:

.navigation-search {
    top: 100%;
}

[Jenny]

Oh, thank you very much! I much prefer this position for search bar

[Tom]

You’re welcome! 🙂

[Fabien]

Hi Tom,

I’ve tried :

.navigation-search {
    top: 100%;
}

It works well on desktop but not on mobile (with mobile header). Any fix ?

Thanks

[Leo]

Any chance you can link us to the site in question?

Feel free to open a new topic for you can use the private URL field.

Thanks!

[Author]

Posts