Tom Hemsley – Page 16 – Max Mega Menu

Wisteria

Posted by Tom Hemsley on February 15, 2017

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

.mega-menu-primary .main-navigation {
    display: block;
}
.mega-menu-primary .toggle-menu-wrapper {
    display: none;
}

.mega-menu-primary .main-navigation {

display: block;

}

.mega-menu-primary .toggle-menu-wrapper {

display: none;

}

eCommerce by MyThemeShop

Posted by Tom Hemsley on February 14, 2017

Removing Residual Styling Header Type 1 Note: The following instructions are specifically for “Header Type 1” in the theme options. Copy the “header-type/header-1.php” file to your child theme. Find (line ~137):

<div class="container clearfix">
	<a href="#" id="pull" class="toggle-mobile-menu"><?php _e('Menu', MTS_THEME_TEXTDOMAIN ); ?></a>

	<nav class="navigation clearfix 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>

<?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 { ?>

<?php wp_list_pages('title_li='); ?>

</ul>

<?php } ?>

</nav>

</div>

Replace with:

<div class="container clearfix">
		<?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>

<?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 { ?>

<?php wp_list_pages('title_li='); ?>

</ul>

<?php } ?>

</div>

Header Type 6 Note: The following instructions are specifically for “Header Type 6” in the…

Hide icons on mobile

Posted by Tom Hemsley on February 12, 2017

To hide the menu item icons on mobile, go to Mega Menu > Menu Themes and paste one of the following options into the Custom Styling area:

/* Hide top level icons only */
@include mobile {
    #{$wrap} #{$menu} > li.mega-menu-item > a.mega-menu-link:before {
        display: none !important;
    }
}

/* Hide top level icons only */

@include mobile {

#{$wrap} #{$menu} > li.mega-menu-item > a.mega-menu-link:before {

display: none !important;

}

/* Hide icons on all menu levels on mobile */
@include mobile {
    #{$wrap} #{$menu} > li.mega-menu-item a.mega-menu-link:before {
        display: none !important;
    }
}

/* Hide icons on all menu levels on mobile */

@include mobile {

#{$wrap} #{$menu} > li.mega-menu-item a.mega-menu-link:before {

display: none !important;

}

Mobile Menu Font Color

Posted by Tom Hemsley on February 10, 2017

The font color of the mobile menu is inherited from the desktop settings. If you have a black font on a black background, you will not be able to see the text. There are 2 options: 1. You can set the mobile menu background color (in the Theme Editor) to…

Mobile Menu Text Alignment

Posted by Tom Hemsley on February 10, 2017

The text alignment of the mobile menu can be set using the Mega Menu > Menu Themes > Mobile Menu > Font (Align) option. This will apply to the top level items only. The alignment of any sub menu items will be inherited from the desktop menu, but can be…

Terrifico

Posted by Tom Hemsley on February 9, 2017

Remove duplicate Mobile Toggle button Go to Appearance > Customize > Additional CSS. Enter the following:

.navbar-toggle {
  display: none !important;
}
.navbar-collapse {
  display: block !important;
}

.navbar-toggle {

display: none !important;

}

.navbar-collapse {

display: block !important;

}

Max Mega Menu Pro – Installation Instructions

Posted by Tom Hemsley on February 9, 2017

After you complete the checkout, we will send you an email (subject: Max Mega Menu Pro – Order Complete) which contains a link to download the Pro plugin, and instructions on how to install it. Before you continue, it is important to understand that Max Mega Menu Pro is an…

Flash

Posted by Tom Hemsley on February 8, 2017

Fix mobile menu Due to the way Flash has been developed, the Max Mega Menu mobile menu is difficult to integrate properly, without affecting the position of other elements within the header. The following instructions may help, but the result may not be perfect. Go to Appearance > Customize >…

Amadeus

Posted by Tom Hemsley on February 8, 2017

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">

1	<nav id="site-navigation" class="main-navigation menu-above" role="navigation">

Replace with:

<nav id="site-navigation" class="menu-above" role="navigation">

1	<nav id="site-navigation" class="menu-above" role="navigation">

Find (line 71):

<nav id="site-navigation" class="main-navigation" role="navigation">

1	<nav id="site-navigation" class="main-navigation" role="navigation">

Replace with:

<nav id="site-navigation" class="" role="navigation">

1	<nav id="site-navigation" class="" role="navigation">

Divogue

Posted by Tom Hemsley on February 6, 2017

Hide Duplicate Mobile Toggle Go to Appearance > Customize > Additional CSS and enter the following:

.mega-menu-primary .menu-toggle {
    display: none !important;
}

.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;
}

.mega-menu-primary #header-supplementary {

border-top: 0;

border-bottom: 0;

padding-bottom: 0;

}