[Resolved] Mega menu not showing in mobile

[takkularapsis]

Hi,

I have mega menu installed in site. Under 768 pixels the menu wont show.
I saw that there was issues and help in gp support forum but did not find answer for my problem.

[Fernando]

Hi Takkularapsis,

I see. Can you try adding this through Appearance > Customize > Additional CSS?:

@media (max-width: 768px) {
    div#mega-menu-wrap-primary {
        display: block !important;
    }
}

Does this show the correct menu on mobile?

[takkularapsis]

Hi,

Thank you, it worked nicely. It is set now ( not styled yet ).

Another question is that i have also set off canvas menu. But that is also not seen in mobile, in desktop it shows.

[Fernando]

I see. To clarify, in Appearance > Customize > Layout > Off Canvas Panel, is the Off Canvas Panel set to “On” so that it works on all views?

[takkularapsis]

Hi,

yes, thanks it is set “on”.

If you think this is mega menu issue, i can also contact their free support.

[Fernando]

I see.

Yes, there’s CSS coming from your mega menu plugin causing a conflict.

It would be good to reach out to them or alternatively, you can also try adding this to address the issue:

nav#mobile-menu-control-wrapper button.menu-toggle {
    display: block;
}

[takkularapsis]

Hi,

Great, that worked nicely.

Thank you again for quick and great support!

[Fernando]

You’re welcome, Takkularapsis!

[Author]

Posts