- This topic has 9 replies, 3 voices, and was last updated 2 years, 1 month ago by David.
October 16, 2019 at 3:00 am #1035989Dylan
Hey, I am rebuilding this website in WordPress for a client.
I’ve come pretty close so far using GeneratePress but I am stuck at this point.
I need the second menu on the three producten (products) categories. Those will be three different “second navigations”.
It has to be sticky and attached to the regular menu.
Attached the URL of the HTML site I am recreating. If you want my URL, please let’s PM.
Any ideas of how I can do this?
Regards.October 16, 2019 at 5:43 am #1036108DavidStaffCustomer Support
dynamic menus for the secondary nav will require a plugin like Conditional Menus in the WP repo.
To make the entire header element sticky will require CSS – as the built in Sticky Nav won’t work.
If you want to set up the menus, and edit your original topic and change the site URL we can assist with the CSSOctober 21, 2019 at 8:33 am #1040439Dylan
I’ve set up the menu and added the link to the WordPress but at the moment instead of adding an extra menu it replaces the main menu. How should I set it up properly?October 21, 2019 at 4:38 pm #1040771TomLead DeveloperLead Developer
If you need a second menu, your best bet is to use the Secondary Navigation module. Then, you can use the plugin that David mentioned to replace the items in that menu depending on your set conditions.
Let me know if that helps or not 🙂October 22, 2019 at 3:37 am #1041071Dylan
Ok, thank you. How can I make the secondary navigation sticky with the regular menu?
+ I don’t want a mobile menu for my second navigation. Only for the regular menu.October 22, 2019 at 7:34 am #1041265DavidStaffCustomer Support
To keep the secondary navigation horizontal ( ie. no mobile toggle ) – this article explains how:
To make it sticky would mean disabling the GP Sticky Navigation and using some CSS on both navigations. If you want to disable after you have done the above then i can take a look.October 22, 2019 at 7:57 am #1041464Dylan
Great! So far this all worked. I would love to have sticky on both menus. Main menu, and the secondary. If you get what I mean. So maybe, under the mobile main menu have a few other links.October 22, 2019 at 8:07 am #1041475DavidStaffCustomer Support
Couple of things first:
1. Disable Sticky navigation – we’ll use CSS to fix them both, but there will be no transition.
2. I would suggest enabling the Mobile Header so it occupies less vertical space. Currently your at risk of half the screen being covered by site header and secondary nav on small devices.October 22, 2019 at 8:16 am #1041482Dylan
I’ve done both! 🙂October 22, 2019 at 10:54 am #1041631DavidStaffCustomer Support
- You must be logged in to reply to this topic.