Tom Hemsley – Page 29 – Max Mega Menu

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;

}

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;

}

Custom Fonts

Posted by Tom Hemsley on July 16, 2015

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…