Header Menu Option 1: Use the Divi Header Builder Divi 4 has been released and includes a new header builder, which gives you more flexibility on how your header is laid out and makes it a lot easier to integrate Max Mega Menu. Divi 4 Header Builder instructions Header Menu…
Read moreUnder Appearance > Theme Options > Menu, uncheck “Display Search Icon in Main Nav”. Fix Mobile Menu Only use this option if you want to display your desktop menu on mobiles too. If you are using the Avada “Mobile Navigation” location, and want to display the Avada Mobile Menu on…
Read moreUnder Appearance > Editor, select header-site.php on the right. Find:
|
1 |
<nav class="site-navigation top-nav"> |
Replace with:
|
1 |
<nav class="site-navigation"> |
Under Appearance > Editor, select ‘header.php’ on the right: Find:
|
1 |
<div id="headerNavWrap" class="bliss-header-nav"> |
Replace with:
|
1 |
<div> |
Find:
|
1 |
<div id="headerNavWrap" class="bliss-header-nav bliss-full-wrap"> |
Replace with:
|
1 |
<div> |
Under Appearance > Editor, select ‘header.php’ on the right. Find:
|
1 |
<nav id="access" role="navigation"> |
Replace with:
|
1 |
<nav role="navigation"> |
Under Appearance > Tempera Settings > Miscellaneous Settings > Custom CSS, add the following:
|
1 2 3 |
#nav-toggle { display: none !important; } |
Read more
These instructions are for the free version of Evolve. If you are using the paid version, follow the Evolve Plus instructions instead. Fix Mobile Menu You will see a double toggle button on mobile. Go to Mega Menu > Menu Themes > Mobile Menu and set the “Disable Mobile Menu…
Read moreUnder Appearance > Theme Settings > Navigation, uncheck ‘Search in menu’. To restore the full width background on the menu, go to Mega Menu > Menu Themes, select your active menu theme and insert the following into the Custom Styling section:
|
1 2 3 4 5 6 7 |
@include desktop { .site-navigation { @include background($container_background_from, $container_background_to); margin-right: -35px; margin-left: -35px; } } |
See: disable mobile toggle css.
Read moreZerif Lite includes custom CSS that integrates Max Mega Menu and positions the mobile toggle button alongside the site title/logo. In general, no theme edits are required. Push Mobile Menu onto it’s own row If you want to display the Max Mega Menu toggle bar on a new row below…
Read moreTo integrate Max Mega Menu with the WooCommerce StoreFront theme go to Plugins > Add New and search for Max Mega Menu – StoreFront Integration. The StoreFront integration plugin will fix the square icons seen before each menu item, and add a new “StoreFront” menu theme which is pre-styled to…
Read more