Archived topic

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

5 replies · Started by Jenny on May 5, 2017

Viewing posts 1–6 of 6

May 5, 2017 at 8:03 am #314385

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

May 5, 2017 at 11:33 am #314487

Hi there,

Give this CSS a try:

.navigation-search {
    top: 100%;
}

May 5, 2017 at 1:49 pm #314543

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

May 5, 2017 at 1:57 pm #314548

You're welcome! :)

April 1, 2020 at 2:15 pm #1222710

Hi Tom,

I've tried :

.navigation-search {
    top: 100%;
}

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

Thanks

April 1, 2020 at 2:35 pm #1222738

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!

This archived topic is closed to new replies.

Start building better websites today.