Theme Integration Guides

Some themes require custom edits to allow Max Mega Menu to function correctly. Check the articles in this category to see if we’ve already written an integration guide for your theme. If your theme is not listed check our Removing Residual Styling page.

AccessPress Parallax

General Theme Settings Go to Appearance > Theme Options > General Settings and uncheck the “Enable Single Page Nav(Menu)” option. Fix...

Activello

Go to Mega Menu > Menu Themes and enter the following into the Custom Styling area: [crayon-5a14487b516d3065122009/]

Alchem

Max Mega Menu will pick up Residual Styling when used in the Alchem theme. Step 1 – Remove Residual Styling...

Amadeus

Fix residual styling and mobile menu Copy the theme header.php file to your Child Theme. Find (line 35): [crayon-5a14487b51af5029226926/] Replace...

Apicona

Apicona overrides the default styling of Max Mega Menu in such a way that makes it almost impossible to fix the...

Avada

Under Appearance > Theme Options > Menu, uncheck “Display Search Icon in Main Nav”. Fix Mobile Menu To hide the...

Bliss

Under Appearance > Editor, select ‘header.php’ on the right: Find: [crayon-5a14487b51f5b093033326/] Replace with: [crayon-5a14487b51f61375345416/] Find: [crayon-5a14487b51f64375517949/] Replace with: [crayon-5a14487b51f66269278630/]

BO-Beladomo

Fix Sub Menu Display Copy the header.php file to your Child Theme. Find: [crayon-5a14487b5216c219103174/] Replace with: [crayon-5a14487b52171944848309/] Fix Mobile Menu...

Bootstrap Basic

From your WordPress Dashboard, go to Appearance > Customize > Additional CSS and enter the following:: [crayon-5a14487b524cc835285720/]  

Boss (BuddyBoss)

When Max Mega Menu is enabled for the BuddyBoss “Titlebar” menu, the menu items will be hidden inside an ellipsis...

Canvas

Under Appearance > Editor, select ‘functions.php’ on the right and insert the following: [crayon-5a14487b529ea472725827/] Go to Appearance > Customize >...

Catch Base

Hide Header Search The search box in the header will sit on a new line below the menu. To hide...

Cerise

Under Appearance > Weblizer Options, paste the following in the “Custom css” box: [crayon-5a14487b52f5c852019974/]

Chester (YooThemes)

Copy the “layouts/header.centered.php” file to your Child Theme. Find (line 42): [crayon-5a14487b5320c470106447/] Replace with: [crayon-5a14487b53216665393160/] Go to Mega Menu >...

Chosen

Go to Appearance > Customize > Custom CSS and paste in the following: [crayon-5a14487b534fc516166694/]  

Clean Blog (Dessign)

Displaying the mobile menu From your WordPress Dashboard, go to Mega Menu > Menu Themes. Select your active menu theme...

Colormag

Hide duplicate mobile toggle button Go to Appearance > Customize > Additional CSS and enter the following: [crayon-5a14487b53a3d114010731/] If you wish...

Colorway

In your WordPress Dashboard, go to Mega Menu > Menu Themes, select your active menu theme and insert the following...

Construction

Fix Mobile Menu Copy the theme header.php (wp-content/themes/construction/header.php) file to your child theme. If you do not have a child...

Constructo

Constructo is a particularly difficult theme to integrate Max Mega Menu with. It requires editing theme PHP files which cannot...

Cosily

Fix Mobile Menu Go to Appearance > Customize > Additional CSS and enter the following: [crayon-5a14487b54686135544081/]

Create (ThemeTrust)

The menu will pick up residual theme styling when Max Mega Menu is enabled. Copy the header.php file to your...

Creator World

Creator World has it’s own JavaScript functionality for the main menu which will continue to be applied to Max Mega...

Customizr

Go to Appearance > Customize > Header and make sure “MAIN MENU DESIGN” is set to “Horizontal”. Go to Appearance...

Dante

Residual Styling After enabling Max Mega Menu for the “Main Menu” location, the menu will cover the whole width of the...

Dazzling

Remove duplicate mobile toggle button Go to Appearance > Customize > Additional CSS and paste in the following: [crayon-5a14487b554c0791183014/]  

Divi

Before you start We have many users who use Max Mega Menu with Divi with no issues at all, however...

Divogue

Hide Duplicate Mobile Toggle Go to Appearance > Customize > Additional CSS and enter the following: [crayon-5a14487b55b9b117496860/] Remove bottom border...

Dynamic News Lite

In your WordPress Dashboard, go to Mega Menu > Menu Themes, select your active menu theme and insert the following...

Eco Nature

Fix Mobile Menu Copy the header.php file to your Child Theme. Find: [crayon-5a14487b5600f363030837/] Replace with (double click the code you...

Eco Press

Fix mobile menu Go to Appearance > Customize > Additional CSS and paste in the following: [crayon-5a14487b562e4679965631/]    

eCommerce by MyThemeShop

Removing Residual Styling Header Type 1 Note: The following instructions are specifically for “Header Type 1” in the theme options....

Edu Pro

When Max Mega Menu is enabled you’ll notice the mobile menu behaves erratically in Edu Pro due to Residual Styling....

Elementor

Fix Menu Z-Index Use the following steps if your menu (either desktop or mobile) is sitting behind other elements on...

Enfold

Enfold v4 Update: Hide the Enfold Mobile Menu button/burger icon Go to Appearance > Editor and select “functions.php” on the...

Entrance

Mobile Menu Items not clickable Go to Appearance > Customize > Additional CSS and enter the following: [crayon-5a14487b5711e847221763/]  

Envince

When Max Mega Menu is enabled in Envince, you will see a duplicate menu output above the main menu. From...

eStore (Theme Grill)

Fix Mobile Menu When Max Mega Menu is enabled you will see 2 mobile toggle buttons on smaller screens. Step...

Evolve

Copy the theme header.php file to your child theme. Find and delete: “link-effect” Under Appearance > Customize > Custom CSS and...

Fable

This guide will completely replace the header section (including your logo) with Max Mega Menu. You will need to recreate...

Face Art

Under Appearance > Editor, select ‘functions.php’ on the right and insert the following: [crayon-5a14487b57bfe865964545/]  

Firmasite

In your WordPress Dashboard, go to Mega Menu > Menu Themes, select your active menu theme and insert the following...

Fjord (YooThemes)

Unfortunately, due to the proprietary framework that YooThemes use with Fjord (the theme does not use standard WordPress theme coding conventions),...

Flash

Fix mobile menu Due to the way Flash has been developed, the Max Mega Menu mobile menu is difficult to...

Flatsome

Under Appearance > Menus, tag your main menu to both the ‘Main Menu’ and ‘Main Menu – Mobile’ Location. Enable...

Flawless

Flawless includes it’s own Mega Menu functionality which conflicts with Max Mega Menu. To fix this conflict: Under Flawless >...

FlexSqueezeII

Fix Mobile Menu Step 1 Copy the header.php file to your Child Theme. Find: [crayon-5a14487b588a8267945698/] Replace with: [crayon-5a14487b588b0741015490/] Step 2...

Florida

Fix mobile menu Go to Mega Menu > Menu Themes > Custom Styling and insert the following: [crayon-5a14487b58b20249120361/]  

Fluida

Residual Styling Max Mega Menu inherits JavaScript and CSS from the default Fluida menu system. To prevent this: Step 1...

Freestore

Sub Menus do not display on mobile Due to a lot of residual styling issues, Max Mega Menu is not...

Genesis – gbeaver

Double Mobile Toggle Option 1 – Keep Theme Toggle To keep the theme mobile toggle, and hide the Max Mega...

Genesis Framework

Unlike other themes, Genesis is a “Framework” with multiple child themes available. Each child theme can change the menu behaviour,...

Globe

Use an FTP client to modify the following file: wp-content/themes/globe/theme/templates/header/navigation.php Find (line 15): [crayon-5a14487b596f2410698717/] Replace with: [crayon-5a14487b596fb968276732/] From your WordPress...

Goliath

Using an FTP Client or a file editor within your hosting control panel, edit the following file: wp-content/themes/goliath/theme/templates/menu.php At the...

Grus

Incorrectly positioned sub menu arrows To restore the correct position of the sub menu arrows, go to Appearance > Customize...

Headway

In your WordPress Dashboard, go to Mega Menu > Menu Themes, select your active menu theme and insert the following...

Helping Hands

Helping Hands overrides the default styling of Max Mega Menu in such a way that makes it almost impossible to...

Houzez

Removing residual styling The mobile menu when used with houzez suffers from Residual Styling. The following instructions will remove the...

Hueman

When Max Mega Menu is enabled in the Hueman theme, residual styling will stop the mobile menu from functioning correctly. To...

i-spirit

i-spirit overrides the default styling of Max Mega Menu in such a way that makes it almost impossible to fix the...

Industrial (AnpsThemes)

The following instructions were written based on a clean installation of the Industrial theme and a clean installation of Max...

Invent by LiveMesh

Step 1: Go to Appearance > Theme Options > Custom CSS and add the following: [crayon-5a14487b5a6fa432933152/] Step 2: Go to...

iThemes Builder

Step 1 Follow these instructions to add a menu location and display a menu using the Max Mega Menu Widget....

Jupiter

To fix the hidden mobile menu: From your WordPress Dashboard, go to Theme Options > Advanced > Custom CSS and...

Kleo

Fix hidden sub menus Go to Appearance > Customize > Additional CSS and paste in the following: [crayon-5a14487b5ae0a322308437/]  

Lambda

Mega Menu settings inaccessible for newly added items By default, Lambda saves the menu structure using AJAX. This will stop...

Lava (YooThemes)

Under Appearance > Editor, select ‘theme.php (layouts/theme.php)’ on the right. Find (line 49): [crayon-5a14487b5b266078024193/] Replace with: [crayon-5a14487b5b26f129535446/]

Lawyeria Lite

Symptoms When Max Mega Menu is enabled for the primary menu location you will see a duplicate Mobile Toggle button...

Lookbook

From your WordPress Dashboard, go to Appearance > Editor and select ‘header.php’ on the right. Find: [crayon-5a14487b5b679736077493/] Replace with: [crayon-5a14487b5b67f120003187/]...

Magazine by MyThemeShop

Remove Residual Styling (and use the Max Mega Menu Mobile Menu) Copy the header.php file to your Child Theme. Find...

Majesty

Majesty overrides the CSS that Max Mega Menu outputs. This effectively means the theme hijacks control of the menu from...

Makery

Hide the default “select” mobile menu and display the Max Mega Menu mobile menu instead Go to Appearance > Customize...

Mantra

Copy the header.php file to your Child Theme. Find: [crayon-5a14487b5bbef412366833/] Replace with: [crayon-5a14487b5bbf4313914407/]

Maranatha

Menu Disappears below 700px Go to Appearance > Customize > Additional CSS and paste in the following: [crayon-5a14487b5bd8b064966722/]  

Medical Clinic

Medical Clinic includes it’s own Mega Menu functionality. Due to the way the theme is coded, JavaScript errors will occur...

MedicalLink

MedicalLink uses JavaScript to dynamically create the mobile menu. This functionality does not work correctly when Max Mega Menu has...

MetroStore

When MMM is enabled for the primary menu, you’ll see a duplicate menu at the top of the page and...

Mexin

Fix mobile menu Go to Mega Menu > Menu Themes > Custom Styling and insert the following: [crayon-5a14487b5c2be725586003/]  

Minamaze

Fix Sub Menu Animation Copy the header.php file to your Child Theme. Find: [crayon-5a14487b5c434932843725/] Replace with: [crayon-5a14487b5c439886454971/] Fix Mobile Menu...

Mystile

Go to Mega Menu > Menu Themes, select your active menu theme and insert the following into the Custom Styling...

Mystique

When Max Mega Menu is enabled in Mystique you will see 2 main menu bars and a duplicate mobile toggle...

Native Church

Under Appearance > Editor, select ‘header.php’ on the right. Find: [crayon-5a14487b5c96b041313342/] Replace with: [crayon-5a14487b5c970782065247/] Under Theme Options > Custom CSS/JS,...

News Magazine (by webdorado)

Fix Mobile Menu Copy the theme header.php file to your child theme. Find: [crayon-5a14487b5cb87392288906/] Replace with: [crayon-5a14487b5cb8c130152527/] Delete: [crayon-5a14487b5cb8e040297095/]

NewsCore

Fix Mobile Menu Go to Mega Menu > Menu Themes and paste the following into the “Custom Styling” area: [crayon-5a14487b5cd40346066403/]...

Nirvana

In your WordPress Dashboard, go to Appearance > Editor. Select header.php on the right. Find: [crayon-5a14487b5cef4544403508/] Replace with: [crayon-5a14487b5cefa478834878/]

Nitro (WooRockets)

There are a few different themes called “Nitro”. This guide is for the “Nitro” theme by WooRockets. Step 1 Go...

Onetone

Under Appearance > Editor, select header-site.php on the right. Find: [crayon-5a14487b5d23d032531072/] Replace with: [crayon-5a14487b5d242435034037/]

OptimizePress

Max Mega Menu is not suitable for integration with OptimizePress. “OptimizePress was designed as a platform to create individual conversion...

Optimizer Pro

Removing Residual Styling Optimizer Pro uses “!important” CSS to force sub menu item links to be white. To fix this, copy...

Oria

Under Appearance > Editor, select header.php on the right. Find: [crayon-5a14487b5d5f2155883956/] Replace with: [crayon-5a14487b5d5f7364163741/] Suggested Menu Theme Settings To replicate...

Orion Press

Under Appearance > Editor, select ‘header.php’ on the right. Find: [crayon-5a14487b5d7c7777895834/] Replace with: [crayon-5a14487b5d7cc879577609/]  

Pluton

The following instructions will get Max Mega Menu working with Pluton. Step 1: Go to Mega Menu > Tools and...

Point

Under Appearance > Editor, select ‘header.php’ on the right. Find: [crayon-5a14487b5dbc9636047074/] Replace with: [crayon-5a14487b5dbcf579116477/] Go to Appearance > Customize >...

Psychologist

Fix Mobile Menu Go to Mega Menu > Menu Themes > Custom Styling and enter the following: [crayon-5a14487b5ddf3558228626/] We recommend...

Redwood

From your WordPress Dashboard, go to Mega Menu > Menu Themes and select your active menu theme. Step 1: Set the...

Responsive Mobile

These instructions are for the “Responsive Mobile” (aka “Responsive II”) theme by CyberChimps. Remove duplicate mobile toggle button Go to...

Resurrect

In your WordPress Dashboard, go to Mega Menu > Menu Themes, select your active menu theme and insert the following...

RI Soul

Use an FTP client to edit the following file: wp-content/themes/ri-soul/included/templates/menu.php Find: [crayon-5a14487b5e786383069680/] Replace with: [crayon-5a14487b5e78f831584734/]

Rocked

Add the following custom CSS to your theme: [crayon-5a14487b5e9cb017197464/]  

Rowling

Fix mobile menu and residual styling Copy the theme header.php file to your Child Theme. Find and delete (line ~128): [crayon-5a14487b5ebe0141786150/]...
Next Page