Archived topic
Help with Secondary Navigation Bar Structure
9 replies · Started by Vish on November 4, 2018
Hello
The secondary navigation bar turns into a hamburger menu in Mobile view. How to stop it from doing that and make it display menu items just like in the desktop view?
Here's an example:
https://ibb.co/kghCk0 (note: it's taken from an app, just to give an idea)
Thanks
Hi there,
This should help: https://docs.generatepress.com/article/disable-secondary-navigation-mobile-menu/
Let me know :)
Tom
Thanks for the quick response.
I have one more question: How can I add an icon/image/logo(for example "trending") at the beginning of the secondary navigation bar?
Hi there,
couple of ways:
1. You could add a new menu item, and in the label add your IMG HTML.
2. Use the Hook Element and use the inside_secondary_navigation hook to insert your HTML.
Either option will require a little CSS, let us know and we can assist if you can share a link to the site with either in place.
https://docs.generatepress.com/article/hooks-element-overview/
David, thanks for the tips. One last question. How to make the secondary navigation sticky?
Do you want both primary and secondary nav sticky?
If it's only one of them then it makes sense to switch primary and secondary.
If you want both then it means disabling the sticky nav and using some CSS, let me know.
I am looking to make only the Secondary Navigation Bar as sticky.
In that case, it is easier to swap the menus over so your secondary menu is actually the Primary navigation. You can change their locations in the Customizer. Then you can use the built sticky nav.
Thanks for the quick response. I don't want to swap the menus though.
My setup:
Primary navigation > LOGO + Menu + Search
Secondary Navigation > Menu [Expanded, with no hamburger menu icon, see my conversations above]
So, I don't want the primary to be sticky. Just the secondary. Any possible help with the CSS would be great, thanks! :)
Can you share a link to the site? You can edit your original topic and use the Site URL for privacy.