Fix Mobile Menu

Option 1: Use the built in theme mobile menu

To display the standard theme mobile menu in the slide out panel, tag your main menu to the “Mobile (optional)” location, but do not enable Max Mega Menu for it:

Option 2: Use the Max Mega Menu mobile menu

To use the Max Mega Menu mobile menu, go to Appearance > Customize > Header > Mobile Menu and apply the following settings:

Then go to Appearance > Max Mega Menu Settings and set the Effect (Mobile) to “Off Canvas – Slide from Left”.

You can use the Mega Menu > Menu Themes > Mobile Menu > Responsive Breakpoint setting to determine when the mobile menu is displayed.

Hide Logo on Mobile

If you wish to hide the theme logo on mobile (and instead, display your logo using a mobile toggle block), go to Mega Menu > Menu Themes > Custom Styling and add the following:

Related Articles