Tom Hemsley – Page 29 – Max Mega Menu

Lookbook

Posted by Tom Hemsley on September 23, 2015

From your WordPress Dashboard, go to Appearance > Editor and select ‘header.php’ on the right. Find:

<a href="#" id="trigger" class="genericon genericon-menu"></a>

1	<a href="#" id="trigger" class="genericon genericon-menu"></a>

Replace with:

<?php if ( function_exists('max_mega_menu_is_enabled') && max_mega_menu_is_enabled('primary') ) : ?>
    <a href="#" id="trigger" class="genericon genericon-menu" style="display: none;"></a>
    <?php wp_nav_menu( array( 'theme_location' => 'primary') ); ?>
<?php else: ?>
    <a href="#" id="trigger" class="genericon genericon-menu"></a>
<?php endif; ?>

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

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

<?php else: ?>

<?php endif; ?>

Invent by LiveMesh

Posted by Tom Hemsley on September 23, 2015

Step 1: Go to Appearance > Theme Options > Custom CSS and add the following:

#mobile-menu-toggle {
    display: none !important;
}

#mobile-menu-toggle {

display: none !important;

}

Step 2: Go to Appearance > Editor, select menu-primary.php on the right. Find:

echo '<nav id="primary-menu" class="dropdown-menu-wrap clearfix">';

1	echo '<nav id="primary-menu" class="dropdown-menu-wrap clearfix">';

Replace with:

echo '<nav>';

1	echo '<nav>';

Step 3: Go to Mega Menu > Menu Themes, select your current menu theme and enter the following in…

Optimizer Pro

Posted by Tom Hemsley on September 15, 2015

Removing Residual Styling Optimizer Pro uses “!important” CSS to force sub menu item links to be white. To fix this, copy the template_parts/head-type1.php file to your child theme. Inside the head-type1.php file: Find:

id="topmenu"

1	id="topmenu"

Replace with:

id="topmenu-mmm"

1	id="topmenu-mmm"

Remove gap from below menu (optional) The last change will have effectively disabled some…

Starter by Themeum

Posted by Tom Hemsley on September 1, 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:

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

.navbar-toggle {

display: none;

}

.navbar-collapse.collapse {

display: block;

}

Twenty Sixteen

Posted by Tom Hemsley on September 1, 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:

@media screen and (max-width: 44.375em) {
    #site-header-menu {
        width: 100%;
        margin: 0;
        display: block;
    }
}
#site-header-menu .main-navigation {
    margin: 0;
}
#menu-toggle {
    display: none;
}
/** Hide duplicate footer menu on mobile **/
footer #{$wrap} {
    display: none;
}

@media screen and (max-width: 44.375em) {

#site-header-menu {

width: 100%;

margin: 0;

display: block;

}

#site-header-menu .main-navigation {

margin: 0;

}

#menu-toggle {

display: none;

}

/** Hide duplicate footer menu on mobile **/

footer #{$wrap} {

display: none;

}

Constructo

Posted by Tom Hemsley on August 14, 2015

Constructo is a particularly difficult theme to integrate Max Mega Menu with. It requires editing theme PHP files which cannot be placed within a child theme, therefore, these changes will need to be reapplied if the theme gets updated. Step 1 This step requires editing a PHP file. It’s important…

Resurrect

Posted by Tom Hemsley on August 14, 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:

@media only screen and (max-width: 640px) {
	.js #resurrect-header-menu-inner,
	.js .sf-menu {
		visibility: visible !important;
		height: auto !important;
		overflow: visible !important;
	}
}

@media only screen and (max-width: 640px) {

.js #resurrect-header-menu-inner,

.js .sf-menu {

visibility: visible !important;

height: auto !important;

overflow: visible !important;

}

The Funk

Posted by Tom Hemsley on August 14, 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:

.nav-primary {
    background-color: transparent;
}

#{$wrap} #{$menu} {
   max-width: 1140px;
   margin: 0 auto;
}

.nav-primary {

background-color: transparent;

}

#{$wrap} #{$menu} {

max-width: 1140px;

margin: 0 auto;

}

Theme Developers

Posted by Tom Hemsley on August 12, 2015

This article is intended for theme authors looking to bundle support for Max Mega Menu into a theme. If you are a theme user please see this guide. Theme authors are free to include and add support for the free version of Max Mega Menu directly into their theme. Before you start, the tldr:…

Travelify

Posted by Tom Hemsley on July 27, 2015

Under Appearance > Editor, select ‘functions.php’ on the right. Add the following function on a new line above “?>”:

function travelify_nav_menu_alter( $items, $args ) {
    return $items;
}

function travelify_nav_menu_alter( $items, $args ) {

return $items;

}