[Support request] Sticky secondary menu

Yes this would be useful for me too.

Hey Tom,

What if the primary menu is not sticky? How can I just make only the secondary menu sticky?

Yeah I thought of that already, though it is not entirely helpful because:

1) The primary navigation seems to always be on top, if I were to do what you suggested how do I get it to be after the secondary navigation?

2) The secondary navigation doesn’t allow logos, how can I add this?

Hey Leo,

I got the positioning figured out by having one above the header, the other below and setting the header image to background. However I am no trying to address my second point of inserting the logo in the secondary navigation. I came across another one of your posts where you said that you can add this code to the functions.php file of the child theme:

add_action( 'generate_inside_secondary_navigation','add_secondary_navigation_logo' );  
function add_secondary_navigation_logo() { ?> 
    <div class="secondary-navigation-logo">
        <img src="THE URL TO YOUR IMAGE" alt="" />
    </div>
<?php }

While this seems to work, I am trying to figure out how to style it like it would be in the primary navigation. Do you know the CSS selectors I should be using?

Awesome! Glad you got it 🙂

So I’m guessing that I need to do something similar to this article:

https://docs.generatepress.com/article/navigation-location/

In that I need to write an if not conditional for all pages other than the restaurant menu, return ” for the navigation. I just am having trouble finding the exact hook for the mobile navigation menu.

Hey Tom,

Here’s the website I am currently working on: https://www.moose.ninja/hannasprimesteak/menu/

The gold primary nav is what I only want on the menu page. That works fine as is until you go into mobile view and the toggled menu is visible on all pages.