Theme Integration Guides

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-662cb062bf3ef350093333/]

AdForest

When using AdForest you will find that Max Mega Menu is not correctly applied to the menu. To allow Max...

Agama

Agama includes it’s own Mega Menu functionality which conflicts with Max Mega Menu. To fix this conflict: Install the “TC...

Airi

Fix Mobile Menu Airi automatically closes the mobile sub menu when any of the links are clicked, and also adds...

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-662cb062bf710438675317/] Replace...

Apicona

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

Astra

Fixing the mobile menu when using the Header Builder First, open the Customiser and navigate to the Header Builder. Switch...

Attorna (GoodLayers)

Fix Grid Layout Install the “TC Custom JavsScript” plugin, then go to Appearance > Custom JavaScript and enter the following:...

Avada

Under Appearance > Theme Options > Menu, uncheck “Display Search Icon in Main Nav”. Fix Mobile Menu Only use this...

Avant

Fix Mobile Menu and Remove Residual Styling Go to Appearance > Customize > Plugin Support and enable the “Mega Menu”...

Awaken

This guide is for the free Awaken theme by ThemezHut (not the theme found on CodeCanyon with the same name)....

Bard

Fix Double Menu Go to Mega Menu > Menu Locations. Expand the “Main Menu” location and go to the “Advanced”...

Betheme

New Instructions (Betheme v27+) – Using the Header Builder Using the header builder is the most reliable way to integrate...

BizBuzz

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

Under Appearance > Editor, select ‘header.php’ on the right: Find: [crayon-662cb062bfba3753933775/] Replace with: [crayon-662cb062bfba6025520788/] Find: [crayon-662cb062bfba8815537479/] Replace with: [crayon-662cb062bfba9391614020/]

Blocksy

Using Max Mega Menu on Desktop Under Mega Menu > Menu Locations, enable Max Mega Menu for the “Header Menu...

BO-Beladomo

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

Bootstrap Basic

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

Boss (BuddyBoss)

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

Canvas

WooCommerce has stopped selling the Canvas theme. We recommend you choose a different theme. Under Appearance > Editor, select ‘functions.php’...

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-662cb062bffaf187220822/]

Charitas Lite

Menu Theme Setup Go to Mega Menu > Menu Themes. Set the following: Mobile Menu > Responsive Breakpoint: 768px Fix...

Chester (YooThemes)

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

Chosen

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

Clean Blog (Dessign)

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

Colormag

Remove duplicate mobile toggle button and fix residual styling Add the following to the functions.php file of your child theme....

Colorway

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

Conica

Theme Setup These instructions are intended to be used with the “Main Menu” menu location and the theme Standard Header...

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...

Consultix

Fix Mobile Menu By default the mobile menu will be displayed within a slide out panel, but opening the mobile...

Cosily

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

Courtyard

Full Width Sub Menus To make the mega sub menus span the full width of the page, go to Mega...

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...

Customify

Basic Menu Theme Setup Go to Mega Menu > Menu Themes and apply the following: Mega Menu > Panel Width...

Customizr

Go to Appearance > Customize > Header >Navigation Menus and make sure “MAIN MENU DESIGN” is set to “Regular (Horizontal)”. Go...

Dante

Basic Setup Go to Theme Options > General Settings and set “Disable Mega Menu Functionality” to “On”. Residual Styling After...

Dazzling

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

Digital Law

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

Directory Starter

Fix Mobile Menu The theme will start displaying its own mobile menu toggle on screen sizes below 992px. This theme...

Divi

Header Menu Option 1: Use the Divi Header Builder Divi 4 has been released and includes a new header builder,...

Divi 4

Divi 4 includes a new header builder. The addition of the header builder allows us to perfectly integrate Max Mega...

Divogue

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

Dustland Express

Fix Mobile Menu and Remove Residual Styling Copy the templates/header/header-layout-standard.php file to your Child Theme. Find: [crayon-662cb062c0cab275850346/] Replace with: [crayon-662cb062c0cad829462673/]...

Dynamic News Lite

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

EasyMag

Fix Mobile Menu Go to Appearance > Customize > Addtional CSS and add the following: [crayon-662cb062c0dc4215358012/] EasyMag uses a fixed/sticky...

Eco Nature

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

Eco Press

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

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....

Education Mind

Remove Residual Styling Install the “TC Custom JavaScript” plugin, then go to Appearance > Custom JavaScript and paste in the...

Elementor

Creating a new menu If you want to display a completely new menu using Elementor (and not use an existing...

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-662cb062c1264695941493/]

Envince

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

Envo Business

Position Menu on same line as logo When you enable Max Mega Menu for the main menu it will be...

eStore (Theme Grill)

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

Evolve

These instructions are for the free version of Evolve. If you are using the paid version, follow the Evolve Plus...

Evolve Plus

These instructions are for the paid version of Evolve. If you are using the free version, follow the Evolve instructions...

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-662cb062c158c806923305/]

Fashiro

Unfortunately Max Mega Menu is not compatible with Fashiro, due to both Fashiro and Max Mega Menu making extensive use...

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...

FlexSqueezeII

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

Florida

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

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...

GeneratePress

We find Max Mega Menu works well with GeneratePress “out of the box”. However, if you are experiencing issues with...

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-662cb062c1bb0866210507/] Replace with: [crayon-662cb062c1bb2124287318/] 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...

Hello Elementor

Fix Mobile Menu There is a conflict with the Elementor menu toggle button that causes the mobile menu to hide...

Helping Hands

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

Hestia

Hestia comes with a built in Max Mega Menu theme, so the first step is to go to Appearance >...

Hotel Master (GoodLayers)

Fix Grid Layout Install the “TC Custom JavsScript” plugin, then go to Appearance > Custom JavaScript and enter the following:...

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...

Independent Publisher

Remove Residual Styling Independent Publisher applies some of it’s own styling to elements within the menu. To stop this from...

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-662cb062c2109217287778/] 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....

Jevelin

Jevelin includes it’s own Mega Menu functionality which conflicts with Max Mega Menu. It will prevent menu links from being...

Jupiter

Mobile menu is not visible From your WordPress Dashboard, go to Jupiter > Theme Options > Advanced > Custom CSS and...

Kadence

Fix Mobile Menu The mobile menu will automatically close itself when a top level item is clicked. To fix this,...

Kahuna

Remove Residual Styling When Max Mega Menu is enabled, Kahuna still applies some of it’s own styling to the mega...

Kalium

The mobile menu The built in Kalium mobile menu overrides certain functionality of Max Mega Menu, therefore it is not...

Kingster (GoodLayers)

Fix Grid Layout Install the “TC Custom JavsScript” plugin, then go to Appearance > Custom JavaScript and enter the following:...

Kleo

Fix hidden sub menus and correctly align extra menu items Go to Mega Menu > Menu Themes > Custom Styling...

Knowledge Desk

Remove Residual Styling Knowledge Desk has it’s own mega menu functionality built in, which conflicts with Max Mega Menu. Knowledge...

Max Mega Menu Documentation