Tom Hemsley – Page 14 – Max Mega Menu

Shopstar

Posted by Tom Hemsley on May 19, 2017

Fix Mobile Menu Due to a lot of residual styling issues, Max Mega Menu is not compatible with the default slide out menu that comes with Shopstar. The only way to get the mobile menu working correctly again is to disable the slide out menu and display the standard Max…

Freestore

Posted by Tom Hemsley on May 11, 2017

Sub Menus do not display on mobile Due to a lot of residual styling issues, Max Mega Menu is not compatible with the default slide out menu that comes with Freestore. The only way to get the mobile menu working correctly again is to disable the slide out menu and…

Nitro (WooRockets)

Posted by Tom Hemsley on May 8, 2017

There are a few different themes called “Nitro”. This guide is for the “Nitro” theme by WooRockets. Step 1 Go to Appearance > Menus. Make sure there is a menu tagged to the “Main Menu” menu location, and Max Mega Menu is enabled for the menu. Step 2 Go to…

Elementor

Posted by Tom Hemsley on May 3, 2017

Creating a new menu If you want to display a completely new menu using Elementor (and not use an existing built in menu location), first follow the Widget documentation to create a new menu location. Use Elementor to drag the “Max Mega Menu” widget onto the page: Important: The widget…

How to change the width of an individual sub menu

Posted by Tom Hemsley on April 19, 2017

Under Mega Menu > Menu Themes, you can define a global width for all of your sub menus. It is also possible to change the width of an individual sub menu using Custom Item Styling. Example In this example we will change the width of the “Contact” Sub menu. Step…

How to switch a mega menu to a flyout menu on mobile

Posted by Tom Hemsley on April 19, 2017

We often get asked how to switch a mega menu to a fly out menu on mobile. There is no built in option to let you do this automatically (as mega menus can contain widgets, but fly out menus cannot, so we cannot automatically switch between the two styles reliably),…

MetroStore

Posted by Tom Hemsley on April 18, 2017

When MMM is enabled for the primary menu, you’ll see a duplicate menu at the top of the page and the theme mobile menu will be disabled. To fix both issues, go to Appearance > Customize > Additional CSS and enter the following:

body.mega-menu-primary > #mega-menu-wrap-primary {
    display: none;
}
body.mega-menu-primary .mm-toggle-wrap {
    display: none !important;
}
body.mega-menu-primary .mainnav {
    display: block !important;
}

body.mega-menu-primary > #mega-menu-wrap-primary {

display: none;

}

body.mega-menu-primary .mm-toggle-wrap {

display: none !important;

}

body.mega-menu-primary .mainnav {

display: block !important;

}

Medical Clinic

Posted by Tom Hemsley on April 12, 2017

Medical Clinic includes it’s own Mega Menu functionality. Due to the way the theme is coded, JavaScript errors will occur when Max Mega Menu is enabled. These will in turn stop the mobile menu from working correctly. Unfortunately, there is no easy (or hard) way to work around these JavaScript errors,…

Helping Hands

Posted by Tom Hemsley on April 6, 2017

Helping Hands overrides the default styling of Max Mega Menu in such a way that makes it almost impossible to fix the problems that this has caused. These issues include: not being able to use the mobile toggle block designer (as the theme purposefully hides the Max Mega Menu mobile menu,…

Genesis – gbeaver

Posted by Tom Hemsley on March 27, 2017

Double Mobile Toggle Option 1 – Keep Theme Toggle To keep the theme mobile toggle, and hide the Max Mega Menu mobile toggle, go to Mega Menu > Menu Themes. In the Mobile section, enable “Disable Mobile Toggle”. Option 2 – Use MMM Toggle To remove the theme mobile toggle,…