Tom Hemsley – Page 32 – Max Mega Menu

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;

}

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…

Google Fonts

Posted by Tom Hemsley on March 29, 2015

Using Google Fonts A list of all available Google Fonts will be automatically added to the Theme Editor upon installation of Max Mega Menu Pro. Dequeueing Styles Max Mega Menu will automatically include the required Google Font CSS on your site. If your theme already includes the Google Font(s) you’re…

Hide Mobile Menu

Posted by Tom Hemsley on March 21, 2015

How to hide the mobile menu To completely hide the menu on mobile devices, go to Mega Menu > Menu Themes > Custom Styling and add the following on a new line:

@include mobile {
    #{$wrap} {
        display: none;
    }
}

@include mobile {

#{$wrap} {

display: none;

}

Important: The “Responsive Breakpoint” setting in the menu theme must be set to the browser width at which you…