[Support request] Issue with mega menu not appearing on mobile

[Steve]

Hi

I am using the Mega Menu plugin to create a mega menu. However it isn’t appearing on the mobile version of the site. The plugin support says:

For common issues with the plugin and mobile problems such as:

“The mobile menu is visible but nothing happens when I click it”
“The mobile menu is completely hidden”
“I see 2 mobile toggle buttons”

Please note: We do not support premium themes on the wordpress.org support forums. If you have a problem and you are using a premium theme, you will need to contact your theme author or upgrade to Max Mega Menu Pro and create a support ticket.

Is that something you can help with please? My site is:

https://classicfootballshirtscollection.com/

Thank you

Steve

[Leo]

Hi there,

Looks like the issue is that the navigation search is on top of the mega menu toggle.

Try this CSS:

@media (max-width: 768px) {
    .main-navigation .mobile-bar-items {
        left: 0;
        right: auto;
    }
}

[Steve]

Thanks Leo, I’ve just tried this but the problem still persists.

[David]

Hi there,

in your CSS you have added Comments using a big bunch of asterixs – those are not valid in CSS and any CSS that follows them will not work. Remove them and you should see the Search Icon moves to the left.

If you want to add comments they should be added like so:

/* I am a comment */

[Steve]

I had no idea about that! All working fine, thanks David.

[David]

You’re welcome 🙂

[Author]

Posts