[Support request] How to stick my mobile secondary menu with primary navigation on mobile

[Kristan]

Hi I’m looking for a solution on how to stick on scroll my secondary menu to the primary menu on mobile. I see that there are existing topics already regarding this but none of those codes worked for me. Thank you!

[David]

Hi there,

you can try moving the secondary nav inside the Primary Navigation like so:

1. Create a new Hook Element:
https://docs.generatepress.com/article/hooks-element-overview/
Give it a title eg. Nest Secondary Navigation inside Primary
Add this to the content text area:

<?php generate_secondary_navigation_position(); ?>

Select: inside_navigation Hook
Check Execute PHP
Set Display Rules tab Location: Entire Site.

2. Customizer > Layout > Secondary Navigation.
Set Container: Full Width, Inner Container: Contained, Alignment: Right, Location: No Navigation

It may require a little CSS to position and probably disable on mobile. Which i can assist with. But this way the two navs are both part of the sticky nav.

[Author]

Posts