Step 1: Fix residual styling issues

Add the following to your child themes functions.php file (note, the code will not work if it is applied to the parent theme, it must be applied to the child theme which is supplied by MuffinGroup):

Step 2: Synchronise Responsive Breakpoint with theme breakpoint.

Go to Mega Menu > Menu Themes > Mobile Menu and set the Responsive Breakpoint to 768px.

Step 3: Fix mobile display

Go to Betheme > Theme Options > Custom CSS & JS > CSS and add the following:

Full Width Mega Sub Menus

To make the mega sub menus span the entire width of the page (rather than just the width of the menu bar), go to Mega Menu > Menu Themes and select your active menu theme. Within the Mega Menus tab, set the Panel Width (Outer) to:

.container .column

Related Articles