Tom Hemsley – Page 15 – Max Mega Menu

Helping Hands

Posted by Tom Hemsley on April 6, 2017

Helping Hands overrides the default styling of Max Mega Menu in such a way that makes it almost impossible to fix the problems that this has caused. These issues include: not being able to use the mobile toggle block designer (as the theme purposefully hides the Max Mega Menu mobile menu,…

Genesis – gbeaver

Posted by Tom Hemsley on March 27, 2017

Double Mobile Toggle Option 1 – Keep Theme Toggle To keep the theme mobile toggle, and hide the Max Mega Menu mobile toggle, go to Mega Menu > Menu Themes. In the Mobile section, enable “Disable Mobile Toggle”. Option 2 – Use MMM Toggle To remove the theme mobile toggle,…

How to create “Buttons” using Max Mega Menu Pro

Posted by Tom Hemsley on March 27, 2017

Menu Setup In this example we will change the “My Button” menu item so that it is styled independently of the rest of the menu items, giving it a “button” appearance. The “My Button” menu item is a Custom Menu Item added to the menu structure in the usual way:…

How do I get Max Mega Menu to work in my custom theme?

Posted by Tom Hemsley on March 27, 2017

There are no special requirements to get Max Mega Menu working with your custom theme, you only need to make sure you use the core WordPress functions to register and display your menu correctly. Step 1 – Register a Menu Location Use the register_nav_menu or register_nav_menus function to add a…

Fjord (YooThemes)

Posted by Tom Hemsley on March 23, 2017

Unfortunately, due to the proprietary framework that YooThemes use with Fjord (the theme does not use standard WordPress theme coding conventions), Max Mega Menu is not compatible with Fjord.

i-spirit

Posted by Tom Hemsley on March 21, 2017

i-spirit overrides the default styling of Max Mega Menu in such a way that makes it almost impossible to fix the problems that this has caused. These issues include: Settings in the theme editor not working and sub menus not displaying correctly when the sub menu type is set to “Mega…

Eco Press

Posted by Tom Hemsley on March 20, 2017

Fix mobile menu Go to Appearance > Customize > Additional CSS and paste in the following:

header nav {
  display: block !important;
}

header .resp_mid_nav_wrap {
  display: none !important;
}

header nav {

display: block !important;

}

header .resp_mid_nav_wrap {

display: none !important;

}

Can I use a different menu for mobile?

Posted by Tom Hemsley on March 9, 2017

In most cases, your theme will show the exact same menu on desktop and mobile (it will just be displayed differently depending on the width of your browser). Therefore, it is not usually possible to display one menu on desktop, and another menu on mobile. However, there are plugins available…

Rowling

Posted by Tom Hemsley on March 9, 2017

Fix mobile menu and residual styling Copy the theme header.php file to your Child Theme. Find and delete (line ~128):

<div class="nav-toggle">
	
	<div class="bars">
		<div class="bar"></div>
		<div class="bar"></div>
		<div class="bar"></div>
	</div>
	
</div> <!-- /nav-toggle -->

</div>

</div>

Find (line ~126):

<ul class="primary-menu">
	
	<?php if ( has_nav_menu( 'primary' ) ) {
													
		wp_nav_menu( array( 
		
			'container' => '', 
			'items_wrap' => '%3$s',
			'theme_location' => 'primary'
										
		) ); } else {
	
		wp_list_pages( array(
		
			'container' => '',
			'title_li' => ''
		
		));
		
	} ?>
										
</ul>

<?php if ( has_nav_menu( 'primary' ) ) {

wp_nav_menu( array(

'container' => '',

'items_wrap' => '%3$s',

'theme_location' => 'primary'

) ); } else {

wp_list_pages( array(

'container' => '',

'title_li' => ''

));

} ?>

</ul>

Replace with:

<?php if ( has_nav_menu( 'primary' ) ) {
												
	wp_nav_menu( array( 
	
		'container' => '', 
		'items_wrap' => '%3$s',
		'theme_location' => 'primary'
									
	) ); } else {

	wp_list_pages( array(
	
		'container' => '',
		'title_li' => ''
	
	));
	
} ?>

<?php if ( has_nav_menu( 'primary' ) ) {

wp_nav_menu( array(

'container' => '',

'items_wrap' => '%3$s',

'theme_location' => 'primary'

) ); } else {

wp_list_pages( array(

'container' => '',

'title_li' => ''

));

} ?>

Configuring mobile menu plugins to work with Max Mega Menu

Posted by Tom Hemsley on March 9, 2017

There are many plugins available which will add a dedicated mobile menu to your website. If you prefer to use one of these instead of the default Max Mega Menu mobile menu, these instructions will help you configure your dedicated mobile menu plugin. There are many dedicated mobile menu plugins…