Remove Residual Styling North applies styling to the default theme menu system using !important CSS. When Max Mega Menu is enabled for the main menu, the existing !important CSS is incorrectly applied to Max Mega Menu. Step 1 Copy the header.php file to your Child Theme. Find:
|
1 |
<nav id="site-navigation" class="main-navigation"> |
Replace with:
|
1 |
<nav id="site-navigation"> |
…
Read moreOnly compatible with modern browsers. In the demo below the menu items automatically adjust their width to fill the menu bar. Try resizing your browser to see how the width of the menu items adapt as the menu width changes. Allowing Menu Items to Expand to fill the width of…
Read moreAfter updating Max Mega Menu (free) to v.2.4.1.X some users may find the position of their logo toggle block is incorrect on iPhones. In previous versions, centrally aligned blocks would be pushed off center depending on the width of the blocks placed to the left or right of the toggle…
Read moreRemove Residual Styling Knowledge Desk has it’s own mega menu functionality built in, which conflicts with Max Mega Menu. Knowledge Desk has 4 built in header styles/templates: header.php header-blog.php header-style1.php header-style2.php First, determine which header style your site is using. Regardless of which header template you’re using, the required edit…
Read moreFix Mobile Menu and Remove Residual Styling Go to Appearance > Customize > Plugin Support and enable the “Mega Menu” option:
Read moreAfter making the purchase you will have received two emails: An email from us with your download and installation details. An email from paddle.com (search your inbox for the subject line: “Your Order: Max Mega Menu Pro”). Paddle.com take the payment and therefore send the invoice. Inside the second email,…
Read moreFix Mobile Menu and Remove Residual Styling Copy the templates/header/header-layout-standard.php file to your Child Theme. Find:
|
1 2 3 4 5 6 7 8 9 10 |
<nav id="site-navigation" class="main-navigation" role="navigation"> <span class="header-menu-button"><i class="fa fa-bars"></i><span><?php _e( 'Menu', 'dustland-express' ); ?></span></span> <div id="main-menu" class="main-menu-container"> <span class="main-menu-close"><i class="fa fa-angle-right"></i><i class="fa fa-angle-left"></i></span> <div class="site-container"> <?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?> <div class="clearboth"></div> </div> </div> </nav><!-- #site-navigation --> |
Replace with:
|
1 2 3 4 5 6 7 8 |
<nav id="site-navigation" role="navigation"> <div id="main-menu" class="main-menu-container"> <div class="site-container"> <?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?> <div class="clearboth"></div> </div> </div> </nav><!-- #site-navigation --> |
This edit removes the “main-navigation” class from the menu wrapper and removes redundant theme mobile toggle buttons. Restore Menu Background Color The last change will have removed the grey background…
Read moreTheme Setup These instructions are intended to be used with the “Main Menu” menu location and the theme Standard Header Three layout (set under Appearance > Customize > Theme Settings > Header Layout). Remove Residual Styling and Fix Mobile Menu Copy the templates/header/header-three.php file to your child theme. Find (near…
Read moreThis guide is for the free Awaken theme by ThemezHut (not the theme found on CodeCanyon with the same name). Fix Mobile Menu Go to Appearance > Customize > Site Styling > Custom CSS and add the following:
|
1 2 3 4 5 6 7 8 |
.mega-menu-main-navigation .main-navigation, .mega-menu-top-navigation .top-navigation { display: block !important; } .mega-menu-main-navigation #main-nav-button, .mega-menu-top-navigation #top-nav-button { display: none !important; } |
Read more
Fix Mobile Menu Max Mega Menu will inherit CSS from the theme, which stops the mobile menu from functioning correctly. To stop this from happening, and to reveal the default Max Mega Menu mobile menu, copy the themes header.php to your Child Theme. Take a backup of the header.php file…
Read more