Mega Menu Not Working on Mobile

Hi cdp,

First, can you fix the JavaScript error on your page?

https://www.megamenu.com/documentation/javascript-errors-console/

It looks like it is something to do with Add This.

That might get it working. But if not, after that, I can get the menu to work by blocking the “app.js” file from your theme. That causes another error, but the menu starts working. I can’t see exactly where, but somewhere there is some JavaScript that is stopping those links from being clicked. It would be worth disabling plugins/switching theme to narrow down which bit of JavaScript is causing the problem.

Regards,
Tom

Hey Tom! Thanks so much for your response. I went ahead and cleared all the JavaScript errors, but unfortunately, that didn’t resolve the mobile menu issue. I have the same menu and theme with all the same plugins running on quantumepay.com with no issues with the mobile menu, so it baffles me that it won’t run on this domain.

Any other suggestions?

Best,

Ryan

Hi Ryan,

That’s useful thanks. I can’t see any major differences between the 2 sites.

I see you have “hide sub menu on mobile” enabled for your menu items, but they don’t actually have a sub menu. Can you try disabling that option on each of your menu items?

Regards,
Tom

Tom,

I unchecked those “hide sub menu on mobile” boxes on each of the menu pages. Still running into the same issue on mobile. I could have sworn that was it as well!

Whats our next step?

Ryan

Hi Ryan,

That was a bit of a stab in the dark. If it was that, then that bug would have been in place for years… but worth ruling out.

I’ve looked again, I can’t see any major differences between your 2 sites.

The one thing I do know: if that if I force a JavaScript error on your site (by blocking the theme app.js file), it works, so I’m 99% confident this is a JS issue.

Can you try disabling all plugins? Starting with Gravity Forms?

Regards,
Tom

Hey Tom,

I went ahead and disabled each plugin one by one and still couldn’t get the menu to work correctly on mobile. That being said, Im thinking it has to be a theme issue. I’m not very literate when it comes to code but I found this snippet in the header php file. It looks like some sort of mobile menu mod. Could this be it?

<nav class=”main_menu” role=”navigation”>
<?php foundationpress_top_bar_r(); ?>

<?php if (!get_theme_mod(‘wpt_mobile_menu_layout’) || get_theme_mod(‘wpt_mobile_menu_layout’) === ‘topbar’) : ?>
<?php get_template_part(‘template-parts/mobile-top-bar’); ?>
<?php endif; ?>
</nav><

Fingers crossed,

Ryan

Hi Ryan,

I don’t think that would be it. But I am fast running out of ideas.

I see you have shiftnav installed now, which may have been my next suggestion. If you’re happy with that we can leave it there. If not, I’ll need to see the site with MMM enabled on the mobile menu to take another look.

Regards,
Tom

Hey Tom!

Hope you’re well. I apologize for the delay in my repsponse. I totally though my last response went through. Anyways, I went ahead and enabled MMM back on our website for your testing. Please let me know what you find ??

Thanks so much!

Ryan

Hi Ryan,

Thanks.

I’ve taken another look (actually 2 of us have) and we’re both a bit stumped.

I believe the issue is in this file somewhere:

https://cashdiscountpros.com/wp-content/themes/quantum/dist/assets/js/app.js?ver=2.10.4

It appears to have some code that intercepts mouse clicks, and that’s not playing nicely with the MMM JS.

Regarding the site it’s ‘working’ on – looking closer I don’t think it’s working properly there. The last link is also unclickable, and for the items with sub menus, the sub menus appear but they do not close like the should do on the second click.

I’ve run out of ideas sorry, I think the next step would be to ask your theme authors if they have any ideas (maybe they’ve come across similar issues and have a fix ready), or use an alternative for your mobile menu – like shiftnav.

Regards,
Tom

• This reply was modified 6 years, 10 months ago by megamenu.

Hey Tom,

I really appreciate you looking into this for us! We will try some other menus to see which best fits our theme. Will reach out if there is anything else. Again thank you very much!

Best,

Ryan

hello can anyone help

my mega menu wont open on mobile phone when i try and click
dont know how to contact anyone from mega menu ???

thanks jason