Onetone
Under Appearance > Editor, select header-site.php on the right. Find:
|
1 |
<nav class="site-navigation top-nav"> |
Replace with:
|
1 |
<nav class="site-navigation"> |
Bliss
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> |
Tempera
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
Evolve
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 moreVantage
Under 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; } } |
Sensitive
See: disable mobile toggle css.
Read moreZerif Lite
Zerif 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 moreStorefront
To 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 moreCustomizr
Go to Appearance > Customize > Header >Navigation Menus and make sure “MAIN MENU DESIGN” is set to “Regular (Horizontal)”. Go to Mega Menu > Menu Themes > Mobile Menu and enable “Disable Mobile Toggle Bar”. Set the Responsive Breakpoint to 991px.
Read moreTwenty Twelve
Remove Residual Styling Copy the header.php file to your Child Theme. Find:
|
1 |
<nav id="site-navigation" class="main-navigation" role="navigation"> |
Replace with:
|
1 |
<nav id="site-navigation" role="navigation"> |
To restore the gap between the navigation and the site logo/name, go to Appearance > Customize > Additional CSS and add the following:
|
1 2 3 4 |
#site-navigation { margin-top: 24px; margin-top: 1.714285714rem; } |
Read more