Archived topic

Secondary navigation wouldn't expand on mobile

5 replies · Started by Sri on September 2, 2019

Viewing posts 1–6 of 6

September 2, 2019 at 8:51 pm #999630

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 🙂

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

September 2, 2019 at 9:01 pm #999638

Hi there,

Have you resolved this?

The topic is marked as resolved.

Let me know :)

September 2, 2019 at 10:57 pm #999661

Oops, not resolved. Please help.

September 3, 2019 at 3:30 am #999785

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;
    }
}

September 3, 2019 at 6:45 pm #1000494

It worked, THANKS A TON.

September 4, 2019 at 2:10 am #1000634

You're welcome

This archived topic is closed to new replies.

Start building better websites today.