Tom Hemsley – Page 30 – Max Mega Menu

Spacious

Posted by Tom Hemsley on July 22, 2015

Remove double mobile toggle Go to Appearance > Customize > Additional CSS and add the following:

.mega-menu-primary .site-header .menu-toggle {
    display: none;
}

.mega-menu-primary .site-header .menu-toggle {

display: none;

}

Adding Support for Custom Fonts If your theme implements non standard, non Google Fonts (eg, TypeKit fonts) you can add them to Max Mega Menu to make the fonts available within the Theme Editor. Note: The following guide assumes your theme already includes support the custom font. To add a custom…

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;

}