Tom Hemsley – Page 32 – Max Mega Menu

Customizr

Posted by Tom Hemsley on June 18, 2015

Go to Appearance > Customize > Header >Navigation Menus and make sure “MAIN MENU DESIGN” is set to “Regular (Horizontal)”. Go to Mega Menu > Menu Themes > Mobile Menu and enable “Disable Mobile Toggle Bar”. Set the Responsive Breakpoint to 991px.

Twenty Twelve

Posted by Tom Hemsley on June 18, 2015

Remove Residual Styling Copy the header.php file to your Child Theme. Find:

<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" role="navigation">

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

To restore the gap between the navigation and the site logo/name, go to Appearance > Customize > Additional CSS and add the following:

#site-navigation {
    margin-top: 24px;
    margin-top: 1.714285714rem;
}

#site-navigation {

margin-top: 24px;

margin-top: 1.714285714rem;

}

Firmasite

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:

nav .navbar-header {
    display: none;
}
nav .collapse {
    display: block;
    visibility: visible;
}
nav .navbar-collapse {
    padding: 0 !important;
    border: 0;
}

nav .navbar-header {

display: none;

}

nav .collapse {

display: block;

visibility: visible;

}

nav .navbar-collapse {

padding: 0 !important;

border: 0;

}

Colorway

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:

.header .menu-bar {
    border-top: 0;
    border-bottom: 0;
}

.header .menu-bar {

border-top: 0;

border-bottom: 0;

}

Search Box

Posted by Tom Hemsley on June 9, 2015

Max Mega Menu Pro includes functionality that lets you replace an existing menu item with something else: either a logo, a search box, a shortcode or HTML. We’ll use this functionality to create an inline, expanding search box for our menu. To create a Search Box for your menu, first add…

Menu Item Limit

Posted by Tom Hemsley on May 5, 2015

If you’re finding it impossible to add more items to your menu, or you’re finding that menu settings are not being correctly applied, then you’re probably running into the WordPress menu item limit. This problem is not directly related to Max Mega Menu or WordPress. Max Mega Menu uses a separate…

Hide Sub Menus on Mobiles

Posted by Tom Hemsley on April 20, 2015

To hide the sub/dropdown menus on mobiles: Go to Appearance > Menus Hover over a top level menu item and click the blue ‘Mega Menu’ button Go to the General Settings tab and enable the “Hide sub menu on mobile” option Save.

Menu Icons

Posted by Tom Hemsley on April 7, 2015

Max Mega Menu allows you to set an icon for each menu item in your menu. To set an icon, go to Appearance > Menus. Hover over the menu item you wish to add an icon to and click the blue ‘Mega Menu’ button to open the Mega Menu settings…

How to change the width of mega sub menus

Posted by Tom Hemsley on March 31, 2015

To adjust the width of the mega menu, go to Mega Menu > Menu Themes. The width of the mega menus are defined by the ‘Panel Width’ setting. There are 3 types of value you can use for this setting: Option 1. Percentage Width Entering a percentage width will make…

General Settings

Posted by Tom Hemsley on March 30, 2015

The general settings page shows settings that control the overall behaviour of the plugin. If you have the Pro addon enabled, you’ll see some extra options listed on this page. CSS Output Max Mega Menu automatically generates the required CSS to display your menu(s). The CSS Output option lets you…