Fix Sub Menu Display Copy the header.php file to your Child Theme. Find:
< nav id = "topmenu" role = "menu" >
Replace with:
< nav id = "topmenu-mmm" role = "menu" >
Fix Mobile Menu Go to Mega Menu > Menu Themes and paste the following into the Custom Styling area:
/** Hide the theme mobile toggle button **/
. mega - menu - main - menu . toggleMenu {
display : none ! important ;
}
/** Make the mobile menu 100% wide **/
@ include mobile {
. mega - menu - main - menu . header - right {
float : none ;
width : 100 % ;
clear : both ;
}
}
Read more
Fix hidden sub menus and correctly align extra menu items Go to Mega Menu > Menu Themes > Custom Styling and paste in the following:
. mega - menu - primary . header - overflow . kleo - main - header {
overflow : visible ! important ;
}
@ include desktop {
#{$wrap} #{$menu} li.menu-item {
display : inline - block ;
margin - right : 10px ;
}
}
Read more
Remove duplicate mobile toggle button Go to Appearance > Customize > Additional CSS and paste in the following:
/** Remove duplicate mobile toggle button when MMM is enabled */
. mega - menu - primary . navbar - toggle {
display : none ! important ;
}
Read more
Fix Mobile Menu Step 1 Copy the header.php file to your Child Theme. Find:
get_template_part ( 'includes/nav.inc' ) ;
Replace with:
if ( function_exists ( 'max_mega_menu_is_enabled' ) && max_mega_menu_is_enabled ( 'primary-menu' ) ) {
wp_nav_menu ( array ( 'theme_location' = > 'primary-menu' ) ) ;
} else {
get_template_part ( 'includes/nav.inc' ) ;
}
Step 2 Go to Mega Menu > Menu Themes > Custom Styling and paste in the following:
@ include desktop {
#{$wrap} #{$menu} {
max - width : 960px ;
margin : 0 auto ;
}
}
Read more
Residual Styling Max Mega Menu inherits JavaScript and CSS from the default Fluida menu system. To prevent this: Step 1 Copy the header.php file to your Child Theme. Find:
< nav id = "access" role = "navigation" aria - label = "Primary Menu" <?php cryout_schema_microdata ( 'menu' ) ; ?> >
Replace with:
< nav id = "access-mmm" role = "navigation" aria - label = "Primary Menu" <?php cryout_schema_microdata ( 'menu' ) ; ?> >
Step 2 Go to Appearance > Customize > Additional CSS and paste in the following:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
/** Place menu back into existing position */
#access-mmm {
float : right ;
display : inline ;
}
/** Show mobile menu at full width on new line **/
@ media ( max - width : 800px ) {
#access-mmm {
float : none ;
display : block ;
}
}
/** Hide incompatible search icon from menu **/
#access-mmm .menu-main-search {
display : none ! important ;
}
/** Hide theme mobile toggle button **/
#nav-toggle {
display : none ! important ;
}
Read more
Menu Disappears below 700px Go to Appearance > Customize > Additional CSS and paste in the following:
. mega - menu - header #maranatha-header-menu-inner {
visibility : visible ! important ;
height : auto ! important ;
overflow : auto ! important ;
}
Read more
Fix Mobile Menu Go to Mega Menu > Menu Themes > Custom Styling and enter the following:
. mega - menu - primary - menu . navbar - collapse . collapse {
display : block ! important ;
visibility : visible ! important ;
}
. mega - menu - primary - menu #toggle-icon {
display : none ! important ;
}
@ include desktop {
. mega - menu - primary - menu . navbar - collapse {
float : right ! important ;
}
}
We recommend you set the “Responsive Breakpoint” (under Mega Menu > Menu Themes > Mobile Menu) to 991px. Full Width Mega Sub Menus To make the mega sub menus the same width…
Read more
Read more
Max Mega Menu will pick up Residual Styling when used in the Alchem theme. Step 1 – Remove Residual Styling Copy the header-template/header-0.php and header-template/header-1.php file to your Child Theme. In each file find the following (important: this line occurs twice in each file): Replace with: Step 2 – Hide…
Read more
The menu will pick up residual theme styling when Max Mega Menu is enabled. Copy the header.php file to your Child Theme. Find:
< div class = "main-nav clearfix" >
Replace with:
< div class = "main-nav-mmm clearfix" >
Go to Appearance > Customize > Additional CSS and enter the following:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
.main-nav-mmm {
display : inline-block ;
}
@media only screen and (max-width: 768px) {
.nav-holder {
float : none ;
width : 100% ;
}
.main-nav-mmm {
display : block ;
}
/* Optional: hide secondary nav on small screens */
.secondary-nav {
display : none ;
}
}
Fix Sticky Header If you are using the theme Sticky…
Read more