[Resolved] move navigation search

[Kristy]

Hi there. Is it possible to move the navigation search to the secondary navigation? Any info would be helpful! Thanks!

[Leo]

Hi Kristy,

Try the steps in here: https://generatepress.com/forums/topic/navigation-search-bar/#post-102033

Replace the block of code in step #1 with this:

.main-navigation .search-item {
	display: none;
}
.secondary-navigation .search-item.custom {
	display: block;
}

Let me know if this works.

[Kristy]

It does work, in that it adds the search icon to the top menu bar. But when I click on it I cannot find the field to type in the search and there is an X where the search icon was. Screenshots:

http://screenshotlink.ru/4961cf812d517b55bd8be7b95d79155c.png

http://screenshotlink.ru/a7135361bd5e8a3587038edc0ac81d31.png

[Tom]

It might be easier to just use the primary navigation as the secondary navigation. They both have the same options, so if you switch the look of them you shouldn’t be able to tell the difference.

Let me know 🙂

[Kristy]

Hi Tom. Can you explain that a bit? I’m not sure I quite get what you mean…

[Tom]

The primary and secondary navigation are actually pretty much identical. You can change the colors, spacing and typography of both of them identically. The only difference is the primary navigation has the sticky effects and navigation search.

So theoretically, you could style your primary navigation to look like your secondary navigation and include the navigation search. Then style your secondary navigation to look like your primary navigation.

It doesn’t work for everyone (if they need the primary nav to be sticky for example), but does do the trick for some who are trying to achieve this.

Let me know if you need more info 🙂

[Kristy]

Got it. Nice. Works like a charm, easy as pie. Thanks Tom!

[Tom]

You’re welcome 🙂

[Gaurav]

Hi, please let me know how do i swap the position of Wishlist heart icon and search icon, i added wishlist icon using primary menu navigation label, and search is enabled through customization option,

thank you,

[Gaurav]

https://postimg.org/image/hoqxu5u0l/

image link

[Author]

Posts