[Support request] Mobile Hamburger Menu Appearing Twice

[Warren]

I am having an issue where the Mobile Menu is appearing twice. I have a Mega Menu hamburger menu, as well as what looks like the default Mobile Menu from GP displaying at the same time. When I disable the Mobile Menu in GP, it disables the Mega Menu as well, leaving only the logo. Enabling it produces both menus, of which the GP menu is empty.

Has there been a fix/solution for this yet?

[David]

Hi there,

you can hide it using CSS:

@media (max-width: 750px) {
    #mobile-header .menu-toggle {
        display: none !important;
    }
}

[Warren]

Thanks David, that worked.

Is there any way to get the menu to overlay over the content, and not push it down?

[David]

Hmmm… you could try this CSS:

@media only screen and (max-width: 768px) {
    #mega-menu-wrap-primary {
        position: static !important;
    }
    #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {
        z-index: 1000;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
    }
}

But you may want to check with the plugin developer as I do not know if that will cause other issues.

[Author]

Posts