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.

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-675a0384741e8918384268/] Replace with: [crayon-675a0384741ec959655719/]

Lawyeria Lite

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

ListingPro

Fix Mobile Menu To hide the default ListingPro mobile menu, and show the Max Mega Menu mobile menu instead, go...

Lookbook

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

Magazine by MyThemeShop

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

Mai Lifestyle Pro

Fix Mobile Menu Go to Appearance > Customize > Additional CSS and enter the following: [crayon-675a0384744da162702421/] Then go to Mega...

Makery

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

Mann

To restore the Max Mega Menu mobile toggle bar, go to Mega Menu > Menu Themes > Custom Styling and...

Mantra

Copy the header.php file to your Child Theme. Find: [crayon-675a03847463d625908569/] Replace with: [crayon-675a038474640831442244/]

Maranatha

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

Medactive

Mega Menu does not display Medactive and Max Mega Menu conflict because they both use a ‘mega-menu’ class. The ‘mega-menu’...

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

Mega Shop

Mega Shop applies its own customisations to Max Mega Menu. We do not have control over this and therefore do...

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-675a038474905002531135/]  

MH Magazine

Replace theme mobile menu with Max Mega Menu mobile menu Go to Appearance > Customize > Additional CSS and insert...

Minamaze

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

Moesia

Fix Mobile Menu Due to a CSS conflict, the mobile menu will expand the first level of sub menus by...

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-675a038474c39184928375/] Replace with: [crayon-675a038474c3c277444509/] 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-675a038474cca511175284/] Replace with: [crayon-675a038474ccd146983780/] Delete: [crayon-675a038474cce690074302/]

NewsCore

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

Newspaper (tagDiv)

Fix Mobile Menu Go to Appearance > Customize > Additional CSS and enter the following: [crayon-675a038474dbc108327817/] Then go to Mega...

Nirvana

Copy the themes header.php file to your Child Theme. Find: [crayon-675a038474e31483607585/] Replace with: [crayon-675a038474e34061725980/]

Nitro (WooRockets)

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

Norebro

Fix Theme Conflicts Copy the /parts/elements/header-menu-nav.php file to your Child Theme. Find: [crayon-675a038474f54087248735/] Replace with: [crayon-675a038474f57033585940/] Next go to Appearance...

North (SiteOrigin)

Remove Residual Styling North applies styling to the default theme menu system using !important CSS. When Max Mega Menu is...

OceanWP

Fix Mobile Menu Option 1: Use the built in theme mobile menu To display the standard theme mobile menu in...

Onetone

Under Appearance > Editor, select header-site.php on the right. Find: [crayon-675a03847510d854523345/] Replace with: [crayon-675a03847510f068790076/]

OnlineMag

OnlineMag applies some of it’s own styling to the menu even when Max Mega Menu is enabled. This makes the...

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-675a038475294856065254/] Replace with: [crayon-675a038475297833026512/] Suggested Menu Theme Settings To replicate...

Orion Press

Under Appearance > Editor, select ‘header.php’ on the right. Find: [crayon-675a038475320801344815/] Replace with: [crayon-675a038475323168689303/]  

Passage

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

Petcare Lite

Fix Mobile Menu Copy the themes header.php file to your child theme. In the header.php file, find: [crayon-675a0384753bd996768645/] Replace with:...

Philos

The authors of Philos have added custom JavaScript that directly targets Max Mega Menu and breaks the sub menu HTML....

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-675a0384754ec995321898/] Replace with: [crayon-675a0384754ef406080520/] Go to Appearance > Customize >...

Prevalent

Remove Residual Styling Copy the header.php to your Child Theme. Find: [crayon-675a03847557d973744440/] Replace with: [crayon-675a03847557f068319429/] Next, go to Appearance >...

Prospect

Fix Mobile Menu Go to Appearance > Customize > Addtional CSS and add the following: [crayon-675a03847560f360648366/] Next, go to Mega...

Psychologist

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

Real Soccer

Fix Sub Menus Install the “TC Custom JavaScript” plugin, then go to Appearance > Custom JavaScript and paste in the...

Redwood

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

Rehub

Fix Mobile Menu Go to Appearance > Customize > Additional CSS and add the following: [crayon-675a038475832513790663/]

Relia

Fix Mobile Menu To reveal the mobile menu on smaller screens, go to Appearance > Customize > Additional CSS and...

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

Revive

Fix Mobile Menu Links within the mobile menu will ‘jump’ when hovering over them, due to residual theme styling. To...

Ri Quartz

Ri Quartz overrides the CSS that Max Mega Menu outputs. This effectively means the theme hijacks control of some aspects...

RI Soul

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

Rocked

Add the following custom CSS to your theme: [crayon-675a038475b3b758164163/]  

Ronneby

Step 1 Install and activate the child theme (dfd-ronneby_child.zip) which was provided in your theme download. Step 2 Within the...

Rowling

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

Salient

Theme Setup These instructions have been tested with Salient v10.x Step 1 – Remove Residual Styling Salient includes its own...

Sayona Lite

Hide Duplicate Menu Go to Appearance > Customize > Additional CSS and add the following: [crayon-675a038475d8b593184963/]

Seller

Copy the parent theme header.php file to your child theme. In the child theme header.php file, Find: [crayon-675a038475e09487441850/] 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...

Shopstar

Fix Mobile Menu Due to a lot of residual styling issues, Max Mega Menu is not compatible with the default...

Signify

Remove Residual Styling (Fix Mobile Menu) Copy the [crayon-675a03847609d449651696-i/]  file from the parent theme to your Child Theme*. Replace the...

SKT White

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

Social Now (MyThemeShop)

Fix Mobile Menu If you have Max Mega Menu enabled for the mobile location, you’ll find clicking on parent item...

Spacious

Remove double mobile toggle Go to Appearance > Customize > Additional CSS and add the following: [crayon-675a038476247935041649/]

Sprout & Spoon

Fix Mobile Menu The mobile menu will be hidden by default. To make it visible, go to Appearance > Customize...

Starter by Themeum

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

Stockie

Theme Setup Make sure the Extended Menu in the theme settings is set to ‘Choose menu’: Fix Icon Styling Go...

Storefront

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

StoreVilla

Fix Residual Theme Styling Residual theme styling will affect the mobile menu, making it impossible to open/close on some screen...

Stylic

Remove Residual Styling Copy the header.php file to your Child Theme. Find: [crayon-675a03847658d505311983/] Replace with: [crayon-675a038476590621920663/]  

SuperMag Pro

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

Swell

Fix mobile menu and residual styling Step 1 Go to Appearance > Customize > Additional CSS and paste in the...

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-675a038476802160494404/] Replace with: [crayon-675a038476805573680713/] Under Appearance > Tempera Settings >...

Terrifico

Remove duplicate Mobile Toggle button Go to Appearance > Customize > Additional CSS. Enter the following: [crayon-675a038476887963622736/]

THBusiness

Fix Mobile Menu To hide the default mobile menu, and show the Max Mega Menu mobile menu instead, go to...

The Funk

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

Theater (CMS Masters)

Fix Mobile Menu Go to Appearance > Customize > Additional CSS and add the following: [crayon-675a0384769f3693575727/]    

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

Fix Mobile Menu Go to Mega Menu > Menu Themes > Custom Styling and add the following: [crayon-675a038476b98746891054/] Align Search Icon...

Total Business

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

Tour Package

Remove Duplicate Main Menu The main menu will be displayed twice on the page when Max Mega Menu is enabled....

Travel Log

Remove Residual Styling Residual theme styling will cause elements in sub menus to appear and disappear. To fix this first...

Travel Tour (GoodLayers)

Fix Sub Menu Display Install the “TC Custom JavsScript” plugin, then go to Appearance > Custom JavaScript and enter the...

Travelify

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

Twenty Nineteen

When Max Mega Menu is enabled in Twenty Nineteen, you might notice the following conflicts: Menu items are duplicated within...

Twenty Sixteen

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

Twenty Twelve

Remove Residual Styling Copy the header.php file to your Child Theme. Find: [crayon-675a038476fa4429540395/] Replace with: [crayon-675a038476fa7368478758/] To restore the gap...

Twenty Twenty

Full Width Sub Menus By default the sub menus will only be as wide as the menu itself. To make...

Vacation Lite / Pro

Fix Mobile Menu Max Mega Menu will inherit CSS from the theme, which stops the mobile menu from functioning correctly....

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 > Mobile Menu, select your active menu theme and:...

VerySimpleStart

From your WordPress Dashboard, go to Appearance > Editor. Select header.php on the right. Find: [crayon-675a038477279236163179/] Replace with: [crayon-675a03847727c429489780/]  ...
Next Page