[Resolved] Secondary Nav Bar In Mobile Not Showing In Version 1.6.2

[Bobby]

Hello Tom,

My secondary nav bar in mobile is no longer showing ever since I updated to version 1.6.2. Only the three line logo shows where the second nav bar was located…which was below the header.

Note: I have two other sites still running Version 1.2.90…..and the secondary nav bar is still showing in mobile.

Thanks,

Bobby

[Leo]

Hi there,

Looks like this CSS in your child theme is causing the issue:

.main-navigation {
    position: fixed;
    width: 100%;
    top: 0px;
    clear: both;
}

Can you try removing it?

[Bobby]

Hi Leo,

My themes are set up a little diffrent than normal. Im using a theme switcher plugin…so in mobile view, my main child theme actually switches to another mobile child theme. So the css you are referring to does not exist in my mobile child theme.

I know it sounds crazy..but thats how I have it set up.

[Tom]

This is actually the problem CSS:

button.menu-toggle {
    position: absolute;
    left: 0;
}

Try replacing it with:

.main-navigation button.menu-toggle {
    position: absolute;
    left: 0;
}

[Bobby]

Hi Tom,

I replaced the css you provided, but it is still the same. The button menu toggle shows instead of the horizontal second nav bar with links. It showed in the previos version, and once i updated to the newer version..it stopped showing. I did not change any css at that time.

[Tom]

Ah, you don’t want the secondary nav to use a mobile menu? Can you try this method?: https://docs.generatepress.com/article/disable-secondary-navigation-mobile-menu/

[Bobby]

Hey Tom,

That worked. Thanks so much.

[Tom]

You’re welcome 🙂

[Author]

Posts