With Max Mega Menu and PolyLang you can create multilingual Mega Menus for your WordPress site. Step 1 In this step we assume you haven’t installed PolyLang yet, but you’ve already set up a menu in your native language and enabled Max Mega Menu for it. Here is how the menu looks…
Read moreThe most common reason for the sticky menu not to work is due to JavaScript errors on your page. For more information on how to detect and fix JavaScript errors, please see this page: JavaScript Errors The Sticky Menu can also conflict if your theme has built in “Sticky header”…
Read moreCopy the parent theme header.php file to your child theme. In the child theme header.php file, Find:
|
1 2 3 4 5 6 7 8 |
<div id="top-nav" class="col-lg-8 col-md-12"> <nav id="site-navigation" class="main-navigation" role="navigation"> <h1 class="menu-toggle"><?php _e( 'Menu', 'seller' ); ?></h1> <a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', 'seller' ); ?></a> <?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?> </nav><!-- #site-navigation --> </div> |
Replace with:
|
1 2 3 4 5 6 7 |
<div class="col-lg-8 col-md-12"> <nav id="site-navigation" class="main-navigation" role="navigation"> <a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', 'seller' ); ?></a> <?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?> </nav><!-- #site-navigation --> </div> |
Read more
Fix Mobile Menu Go to Mega Menu > Menu Themes > Custom Styling and add the following:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
/** Hide theme mobile menu **/ body.mega-menu-main-menu .mobile-menu-toggle { display: none !important; } /** Reveal desktop menu on mobile **/ body.mega-menu-main-menu #site-navigation-wrap { display: block !important; } /** Allow the MMM mobile menu to be 100% wide **/ @include mobile { #site-navigation.container { max-width: 100%; } } |
Align Search Icon Go to Appearance > Customize > Additional CSS and add the following:
|
1 2 3 4 |
/** Align search icon with menu **/ .mega-menu-main-menu .search-toggle-li { display: inline-block; } |
Full Width Sub Menus To make the sub menus span the width of the page, go to…
Read moreThe following instructions were written based on a clean installation of the Industrial theme and a clean installation of Max Mega Menu. Step 1 When you enable Max Mega Menu for the Primary Menu, it will not work because the theme’s call to wp_nav_menu does not specify the “theme_location” parameter….
Read moreRi Quartz overrides the CSS that Max Mega Menu outputs. This effectively means the theme hijacks control of some aspects of the menu from Max Mega Menu. You will, for example, find it is impossible to change some theme options such as font colors and the menu height. For this…
Read moreImportant: This functionality requires Max Mega Menu v2.3.1+ Generally, second level items are styled to display as a column header/title, and third level items are displayed as normal list items. This styling is set using the Theme Editor under Mega Menu > Menu Themes. In some instances, you may only want to…
Read moreThe Theme Editor in Max Mega Menu will let you apply general styling to Flyout type sub menus. The same styling will apply to every level of the flyout. To adjust the styling for third level flyout menus (leaving the second level using the settings set in the Theme Editor),…
Read moreImportant: These instructions will only work if you are using the built in “Sticky” option in the Max Mega Menu Settings. If your theme is sticking the header (and menu), scroll down to the next section for details. If your theme is already sticking the header then you should not…
Read moreImportant note: These instructions are for Mega Menu style sub menus (not Flyout Style sub menus; it is not possible to add a scrollbar to Flyout Style sub menus). To fix the height of the mega sub menu / panel background, go to Mega Menu > Menu Themes, select your active…
Read more