Tom Hemsley – Page 30 – Max Mega Menu

iThemes Builder

Posted by Tom Hemsley on July 15, 2015

Step 1 Follow these instructions to add a menu location and display a menu using the Max Mega Menu Widget. Step 2 In your WordPress Dashboard, go to Mega Menu > Menu Themes, select your active menu theme and insert the following into the ‘Custom Styling’ area on a new…

Manual Integration (PHP)

Posted by Tom Hemsley on July 14, 2015

As Max Mega Menu overrides the standard WordPress function to output a menu location, no special configuration or theme setup is required. We simply need to output a menu using the standard WordPress method. Step 1: Registering a new menu location First we’ll need to create a new menu location….

How to add social media icons to your menu

Posted by Tom Hemsley on July 1, 2015

Step 1. Add a new Custom Link to your menu Save the menu once the link has been added. Step 2: Open the Mega Menu settings for the new menu item Step 3: Align the menu item to the right and hide the menu text Step 4: Set an icon Step…

Orion Press

Posted by Tom Hemsley on June 22, 2015

Under Appearance > Editor, select ‘header.php’ on the right. Find:

<!-- Header Navigation -->
<nav class="nav-container clearfix" itemscope="itemscope" itemtype="<?php echo rd_ssl(); ?>://schema.org/SiteNavigationElement">
	<div class="fm-button">
		<span class="fm-bar"></span>
		<span class="fm-bar"></span>
		<span class="fm-bar"></span>
	</div>
	<div class="nav-wrap flexmenu fm-lg" data-res="<?php echo $res; ?>">
		<?php
		if ( has_nav_menu( 'main_menu' ) ) :
			wp_nav_menu( array( 'container' =>false, 'theme_location' => 'main_menu', 'menu_id' => 'main_menu' ));
		else:
			echo '<span class="noMainmenu">' . __( 'Define your site main menu', 'orion' ) . '</span>';
		endif;
		?>
	</div>

	<a href="" class="headersearch-button"><i class="icon-search"></i></a>

	<div class="headersearch">
		<i class="icon-search bg"></i>
		<?php get_search_form(); ?>
	</div>
</nav>

<nav class="nav-container clearfix" itemscope="itemscope" itemtype="<?php echo rd_ssl(); ?>://schema.org/SiteNavigationElement">

</div>

<?php

if ( has_nav_menu( 'main_menu' ) ) :

wp_nav_menu( array( 'container' =>false, 'theme_location' => 'main_menu', 'menu_id' => 'main_menu' ));

else:

echo '<span class="noMainmenu">' . __( 'Define your site main menu', 'orion' ) . '</span>';

endif;

</div>

<?php get_search_form(); ?>

</div>

</nav>

Replace with:

<!-- Header Navigation -->
<?php if (function_exists('max_mega_menu_is_enabled') && max_mega_menu_is_enabled('main_menu')): ?>
	<?php wp_nav_menu( array( 'theme_location' => 'main_menu' )); ?>
<?php else: ?>
<nav class="nav-container clearfix" itemscope="itemscope" itemtype="<?php echo rd_ssl(); ?>://schema.org/SiteNavigationElement">
	<div class="fm-button">
		<span class="fm-bar"></span>
		<span class="fm-bar"></span>
		<span class="fm-bar"></span>
	</div>
	<div class="nav-wrap flexmenu fm-lg" data-res="<?php echo $res; ?>">
		<?php
		if ( has_nav_menu( 'main_menu' ) ) :
			wp_nav_menu( array( 'container' =>false, 'theme_location' => 'main_menu', 'menu_id' => 'main_menu' ));
		else:
			echo '<span class="noMainmenu">' . __( 'Define your site main menu', 'orion' ) . '</span>';
		endif;
		?>
	</div>

	<a href="" class="headersearch-button"><i class="icon-search"></i></a>

	<div class="headersearch">
		<i class="icon-search bg"></i>
		<?php get_search_form(); ?>
	</div>
</nav>
<?php endif; ?>

<?php if (function_exists('max_mega_menu_is_enabled') && max_mega_menu_is_enabled('main_menu')): ?>

<?php wp_nav_menu( array( 'theme_location' => 'main_menu' )); ?>

<?php else: ?>

<nav class="nav-container clearfix" itemscope="itemscope" itemtype="<?php echo rd_ssl(); ?>://schema.org/SiteNavigationElement">

</div>

<?php

if ( has_nav_menu( 'main_menu' ) ) :

wp_nav_menu( array( 'container' =>false, 'theme_location' => 'main_menu', 'menu_id' => 'main_menu' ));

else:

echo '<span class="noMainmenu">' . __( 'Define your site main menu', 'orion' ) . '</span>';

endif;

</div>

<?php get_search_form(); ?>

</div>

</nav>

<?php endif; ?>

Hueman

Posted by Tom Hemsley on June 18, 2015

When Max Mega Menu is enabled in the Hueman theme, residual styling will stop the mobile menu from functioning correctly. To fix the mobile menu for “Header” location, go to Appearance > Customize > Additional CSS and enter the following::

#nav-header .nav-wrap {
    height: auto !important;
}
#nav-header .nav-toggle {
    display: none !important;
}

#nav-header .nav-wrap {

height: auto !important;

}

#nav-header .nav-toggle {

display: none !important;

}

To fix the mobile menu for “Top nav” location, go to Appearance…

Cerise

Posted by Tom Hemsley on June 18, 2015

Under Appearance > Weblizer Options, paste the following in the “Custom css” box:

button.navbar-toggle {
    display: none;
}

button.navbar-toggle {

display: none;

}

Dynamic News Lite

Posted by Tom Hemsley on June 18, 2015

In your WordPress Dashboard, go to Mega Menu > Menu Themes, select your active menu theme and insert the following into the ‘Custom Styling’ area on a new line:

#mainnav-toggle, #mainnav-icon {
    display: none !important;
}

#mainnav-toggle, #mainnav-icon {

display: none !important;

}

Headway

Posted by Tom Hemsley on June 18, 2015

In your WordPress Dashboard, go to Mega Menu > Menu Themes, select your active menu theme and insert the following into the ‘Custom Styling’ area on a new line:

.block.block-type-navigation {
    overflow: visible;
}

.block.block-type-navigation {

overflow: visible;

}

Divi

Posted by Tom Hemsley on June 18, 2015

Header Menu Option 1: Use the Divi Header Builder Divi 4 has been released and includes a new header builder, which gives you more flexibility on how your header is laid out and makes it a lot easier to integrate Max Mega Menu. Divi 4 Header Builder instructions Header Menu…

Avada

Posted by Tom Hemsley on June 18, 2015

Under Appearance > Theme Options > Menu, uncheck “Display Search Icon in Main Nav”. Fix Mobile Menu Only use this option if you want to display your desktop menu on mobiles too. If you are using the Avada “Mobile Navigation” location, and want to display the Avada Mobile Menu on…