[Resolved] Secondary navigation wouldn't expand on mobile

[Sri]

Hi Tom,

I followed the below response from you but it is still not working, secondary navigation is now showing as expanded on my mobile. When I do customize and view it in the ‘Mobile’ view it is expanded, but on my mobile, it is not. I do want the secondary navigation above the header though, so could not do the second part of your response below. Thank you much for all your support, excellent support so far. I could not attach snapshots, no option given. Desktop is working great.

====================================From Tom on another Post==============================
Hi there,

You could try using the Secondary Navigation module: https://docs.generatepress.com/article/secondary-navigation-location/

Then you can stop it from collapsing on mobile like this: https://docs.generatepress.com/article/disable-secondary-navigation-mobile-menu/

Let me know if this helps or not 🙂

==========================================================================================

[Leo]

Hi there,

Have you resolved this?

The topic is marked as resolved.

Let me know 🙂

[Sri]

Oops, not resolved. Please help.

[David]

Hi there,

try this CSS:

@media(max-width: 768px) {
    .secondary-navigation ul {
        display: block !important;
    }

    .secondary-navigation .sf-menu>li {
        float: none;
        display: inline-block !important;
    }

    button.secondary-menu-toggle {
        display: none !important;
    }
}

[Sri]

It worked, THANKS A TON.

[David]

You’re welcome

[Author]

Posts