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.

Accelerate

Removing the duplicate mobile menu button Go to Appearance > Customize > Design > Custom CSS and enter the following:...

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-587fb158ad759880113402/]

Apicona

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

Avada

Updated instructions for Avada v3.8.7 Under Appearance > Theme Options > Menu, uncheck “Display Search Icon in Main Nav”. To...

Bliss

Under Appearance > Editor, select ‘header.php’ on the right: Find: [crayon-587fb158ad940809706445/] Replace with: [crayon-587fb158ad946294109396/] Find: [crayon-587fb158ad949932904737/] Replace with: [crayon-587fb158ad94c288905003/]

Bootstrap Basic

From your WordPress Dashboard, go to Appearance > Editor and select the ‘style.css’. Insert the following: [crayon-587fb158adabf277281128/]  

Canvas

Under Appearance > Editor, select ‘functions.php’ on the right and insert the following: [crayon-587fb158adba1339504228/] Under Canvas > Hooks, select the...

Cerise

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

Chosen

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

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 > Editor and add the following CSS to the style.css file: [crayon-587fb158adf51797505147/]...

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

Customizr

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

Divi

New Instructions – Divi Child Theme The default Divi menu is tightly integrated into the theme. This makes it more...

Dynamic News Lite

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

Edu Pro

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

Enfold

Restore default admin menu behaviour Enfold includes it’s own Mega Menu functionality which stops the blue “Mega Menu” button from being...

Envince

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

Evolve

Under Appearance > Editor, select ‘header.php’ on the right: Find and delete: “link-effect” Under Appearance > Customize > Custom CSS and paste...

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-587fb158aec55241780151/]  

Firmasite

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

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

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-587fb158aefd9585400256/] Replace with: [crayon-587fb158aefde499893374/] 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...

Hueman

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

Industrial

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-587fb158af58c124665177/] 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...

Lava (YooThemes)

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

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-587fb158afa39827715411/] Replace with: [crayon-587fb158afa3e667694432/]...

Majesty

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

Mantra

Go to Appearance > Editor and select ‘header.php’ on the right. Find: [crayon-587fb158afb27216149928/] Replace with: [crayon-587fb158afb2c412461362/]

MedicalLink

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

Minamaze

Fix Mobile Menu To hide the duplicate mobile toggle button, and display the mobile menu at the correct width: Go...

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

Nano (YooThemes)

Under Appearance > Editor, select ‘template.php (layouts/template.php)’ on the right. Find (line 70): [crayon-587fb158b001e858021260/] Replace with: [crayon-587fb158b0023169237399/]

Native Church

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

Nirvana

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

Onetone

Under Appearance > Editor, select header-site.php on the right. Find: [crayon-587fb158b0321317255399/] Replace with: [crayon-587fb158b0327554110962/]

OptimizePress

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

Optimizer Pro

In your WordPress Dashboard, go to Appearance > Editor and select the ‘head-type1.php’ file listed on the right. NB: there...

Oria

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

Orion Press

Under Appearance > Editor, select ‘header.php’ on the right. Find: [crayon-587fb158b0604070034675/] Replace with: [crayon-587fb158b060a482758737/]  

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-587fb158b0820150795862/] Replace with: [crayon-587fb158b0859675063376/] Go to Appearance > Customize >...

Redwood

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

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-587fb158b0b2d529539842/] Replace with: [crayon-587fb158b0b32325011417/]

Rocked

Add the following custom CSS to your theme: [crayon-587fb158b0c13077326357/]  

Salient

Theme Setup These instructions are only tested with Salient v7.0.7. When you try to enable Max Mega Menu with Salient...

Seller

Copy the parent theme header.php file to your child theme. In the child theme header.php file, Find: [crayon-587fb158b0d03685480676/] Replace with:...

Shopkeeper

Basic Menu Theme Setup To match the Mega Menu theme with Shopkeeper, go to Mega Menu > Menu Themes and set...

Shopper Responsive

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

SKT White

Step 1 -Mobile Menu This step will explain how to restore the default Max Mega Menu mobile menu and fix...

Spacious

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

Starter by Themeum

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

Storefront

To integrate Max Mega Menu with the WooCommerce StoreFront theme go to Plugins > Add New and search for Max...

SuperMag Pro

Edit the following file (using an FTP client): wp-content/themes/supermagpro/acmethemes/hooks/header.php Find (line 426): [crayon-587fb158b133c312252352/] Replace with: [crayon-587fb158b1342725012150/]

Sydney

Max Mega Menu works fairly well with Syndey without any edits, but there are some changes we can make to...

Tempera

Under Appearance > Editor, select ‘header.php’ on the right. Find: [crayon-587fb158b1571907331018/] Replace with: [crayon-587fb158b1577378537126/] Under Appearance > Tempera Settings >...

The Funk

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

Themify Ultra

Themify Ultra includes Mega Menu functionality which conflicts with Max Mega Menu. It will stop the blue ‘Mega Menu’ button...

Top Shop

Sub menus within the Top Shop mobile menu will not work correctly when Max Mega Menu is enabled for the...

Total

With Total installed, on mobile devices you’ll see the theme mobile menu. To restore the Max Mega Menu mobile menu, add...

Travelify

Under Appearance > Editor, select ‘functions.php’ on the right. Add the following function on a new line above “?>”: [crayon-587fb158b1a31384490310/]

Twenty Eleven

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

Twenty Sixteen

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

Uplift

Uplift stops Max Mega Menu from enqueuing it’s own JavaScript and CSS, which effectively disables the Theme Editor and possible...

Vantage

Under Appearance > Theme Settings > Navigation, uncheck ‘Search in menu’. To restore the full width background on the menu, go...

Venture

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

VerySimpleStart

From your WordPress Dashboard, go to Appearance > Editor. Select header.php on the right. Find: [crayon-587fb158b1e5f366882017/] Replace with: [crayon-587fb158b1e65169553972/]  ...

Visia

Step 1 From your WordPress Dashboard, go to Appearance > Editor. Select menu.php on the right. Find: [crayon-587fb158b1f5d409786588/] Replace with:...

Vogue

Max Mega Menu suffers from multiple residual styling issues when used in Vogue. Vogue will override some of the menu...

Welfare

Step 1 – Theme Setup The following instructions apply when the Theme Settings > General > Header > Header Styles option...

WEN Business

Step 1 – Remove Residual Menu Styling Under Appearance > Editor, select ‘functions.php’ on the right. Important: Extra care must...

West

Go to Mega Menu > Menu Themes and insert the following into the Custom Styling area: [crayon-587fb158b239f706007481/]

Wootique

Fix Hidden Submenus Go to Appearance > Editor, then insert the following into your style.css file: [crayon-587fb158b2499353902280/]

X Theme

You will see a duplicate Mobile Toggle button on smaller screens after enabling Max Mega Menu for the primary menu....

Yamen

Using an FTP client, edit the following file on your server: wp-content/themes/yamen/templates/header/default.php Find (line 33): [crayon-587fb158b269e914832551/] Replace with: [crayon-587fb158b26a4814108000/]