max mega menu not working with toggle menu on iphone

Sorry to butt in here but I think I know your problem!

Most themes include a responsive menu script in functions.php. I see you’re using Astra, and the mobile menu still has the Astra classes on it, which means it’s calling in the Astra mobile menu and NOT the Max Mega Menu.

I only have a base parent copy of Astra, but it looks like it called in a mobile header on line 85 of functions.php:

require_once ASTRA_THEME_DIR . 'inc/class-astra-mobile-header.php

The class-astra-mobile-header.php file looks like it’s where it calls in the mobile toggle.

THAT ALL BEING SAID, the MMM works perfectly on mobile with no modifications, so your child theme is probably calling in its own menu files. You’ll have to check in the child functions.php for anything calling in a mobile menu. I use Genesis and always have to remove the responsive-menu enqueue from child themes when implementing an MMM.

That being said, the plugin author may have a more direct solution. This has just always been my case.

Hi rottamdavidson,

Please follow the screenshots in the last section on this page:

https://www.megamenu.com/documentation/astra/

Regards,
Tom

Tom, I have added the script under “Additional CSS” but the toggle menu on my iphone still does not allow the menu to open.
what is odd is that the home page has two toggle menus, the main one does not work the other one works.

OK, thank you now I got it. It helps when I read your message properly. I was following the CSS instructions instead of following the screenshots like you mentioned.
Thanks for the Help!