Basic Setup Go to Theme Options > General Settings and set “Disable Mega Menu Functionality” to “On”. Residual Styling After enabling Max Mega Menu for the “Main Menu” location, the menu will cover the whole width of the header (overlapping the logo) and the mobile menu will not function correctly. To…
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…
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…
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…
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…
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…
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),…
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:
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,…