Fix residual styling and mobile menu Copy the theme header.php file to your Child Theme. Find (line 35):
< nav id = "site-navigation" class = "main-navigation menu-above" role = "navigation" >
Replace with:
< nav id = "site-navigation" class = "menu-above" role = "navigation" >
Find (line 71):
< nav id = "site-navigation" class = "main-navigation" role = "navigation" >
Replace with:
< nav id = "site-navigation" class = "" role = "navigation" >
Read more
Hide Duplicate Mobile Toggle Go to Appearance > Customize > Additional CSS and enter the following:
. mega - menu - primary . menu - toggle {
display : none ! important ;
}
Remove bottom border from menu Go to Appearance > Customize > Additional CSS and enter the following:
. mega - menu - primary #header-supplementary {
border - top : 0 ;
border - bottom : 0 ;
padding - bottom : 0 ;
}
Read more
Fix Mobile Menu 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
18
19
20
21
22
23
24
25
26
27
28
29
30
. mega - menu - primary . header . nav nav > select {
display : none ! important ;
}
. mega - menu - primary . header . nav {
padding : 0 ;
background : none ;
height : auto ;
border : 0 ;
border - radius : 0 ;
box - shadow : 0 0 0 ;
z - index : 999999999 ;
position : relative ;
cursor : auto ;
top : 14px ;
overflow : visible ;
}
@ media screen and ( max - width : 1200px ) {
. mega - menu - primary . header . nav {
width : 700px ;
}
}
@ media screen and ( max - width : 1023px ) {
. mega - menu - primary . header . nav {
width : 100 % ;
clear : both ;
float : none ;
margin - bottom : 20px ;
top : 0 ;
}
}
Read more
Fix Mobile Menu Go to Mega Menu > Menu Themes and paste the following into the “Custom Styling” area:
@ include mobile {
. menu - trigger . dl - active + #mega-menu-wrap-primary {
display : block ;
}
#mega-menu-wrap-primary {
display : none ;
}
}
Mobile Menu Setup Go to Mega Menu > Menu Themes. In the Mobile section, set the following: Responsive Breakpoint: 767px Disable Mobile Toggle: checked
Read more
Mega Menu settings inaccessible for newly added items By default, Lambda saves the menu structure using AJAX. This will stop the menu page from refreshing during the menu save process, and in turn stop Max Mega Menu from being able to detect that the menu structure has been updated. To…
Read more
Remove Residual Styling (and use the Max Mega Menu Mobile Menu) Copy the header.php file to your Child Theme. Find (~line 67):
< div id = "sticky" class = "primary-navigation" role = "navigation" itemscope itemtype = "http://schema.org/SiteNavigationElement" >
< div class = "container" >
< a href = "#" id = "pull" class = "toggle-mobile-menu" > Menu < / a >
< nav id = "navigation" class = "clearfix<?php if ( $mts_options [ 'mts_show_primary_nav' ] == '1' ) echo ' mobile-menu-wrapper' ; ?> " >
<?php if ( has_nav_menu ( 'primary-menu' ) ) { ?>
<?php wp_nav_menu ( array ( 'theme_location' = > 'primary-menu' , 'menu_class' = > 'menu clearfix' , 'container' = > '' , 'walker' = > new mts_menu_walker ) ) ; ?>
<?php } else { ?>
< ul class = "menu clearfix" >
<?php wp_list_pages ( 'title_li=' ) ; ?>
< / ul >
<?php } ?>
< / nav >
< / div >
< / div >
< div id = "catcher" > < / div >
Replace with:
< div role = "navigation" class = "mega-primary-navigation" itemscope itemtype = "http://schema.org/SiteNavigationElement" >
< div class = "container" >
<?php if ( has_nav_menu ( 'primary-menu' ) ) { ?>
<?php wp_nav_menu ( array ( 'theme_location' = > 'primary-menu' , 'menu_class' = > 'menu clearfix' , 'container' = > '' , 'walker' = > new mts_menu_walker ) ) ; ?>
<?php } else { ?>
< ul class = "menu clearfix" >
<?php wp_list_pages ( 'title_li=' ) ; ?>
< / ul >
<?php } ?>
< / div >
< / div >
< div id = "catcher" > < / div >
Full width background color for menu bar To restore the full width background color for the menu bar, go to Appearance > Customize >…
Read more
Mobile Menu Items not clickable Go to Appearance > Customize > Additional CSS and enter the following:
#mainnav {
position : relative ;
z - index : 99999999 ;
}
Read more
How to set up a Tabbed Mega Menu Menu Structure The menu structure defines the tabs which are visible in the mega menu. It is possible to use the Mega Menu builder to design the content of each tab. This menu structure creates a tabbed mega menu: Displaying Widgets inside…
Read more
Fix Mobile Menu Copy the theme header.php file to your child theme. Find:
Replace with:
Delete:
< div id = "menu-button-block" >
< div class = "active_menu_responsive" >
< span style = "display:inline-block; float:left; padding:0 10px;" >
< span id = 'trigram-for-heaven' > < / span >
< / span >
< span style = "position:relative; padding-right:7px;" > <?php echo __ ( 'Menu' , "news-magazine" ) ; ?> < / span >
< / div >
< / div >
Read more
Adding a logout link to a menu in WordPress is not as easy as it sounds, as the WordPress logout URL is customised for each user. The logout URL has a “nonce” parameter which is unique to the logged in user. If the “nonce” is incorrect then the user will…
Read more