Knowledge Base

Removing Residual Styling

Tom Hemsley — Sun, 13 Jul 2014 11:26:28 +0000

Check the Theme Integration page to see if we’ve already written instructions on how to integrate Max Mega Menu with your theme. What is Residual Styling? Residual styling is the term used for any styling which has been left over from your existing theme menu and is now being applied to...

Source

Centering Menu Items

Tom Hemsley — Sun, 13 Jul 2014 12:18:16 +0000

Centering Top Level Menu Items To center the menu items within the menu bar: Go to Mega Menu > Menu Themes. Set ‘Menu Items Align’ to ‘Center’ Centering Menu Item Text Text alignment can be set for the various levels (top level, second and third level within mega menus, flyout...

Source

Disable Mobile Toggle

Tom Hemsley — Fri, 23 Jan 2015 17:36:34 +0000

A common theme integration issue is seeing 2 mobile toggle buttons. One mobile toggle button will be output by your theme (because your theme is not aware that the default theme menu has been replaced with Max Mega Menu) and one mobile toggle button will be output by Max Mega Menu. To...

Source

Adjust Menu Width

Tom Hemsley — Sun, 22 Feb 2015 16:37:23 +0000

By default the menu will fill 100% of the width dictated by your theme. We generally advise against using the option below, instead you should adjust the width of the container that the menu sits inside. This would require editing/overriding your theme CSS. To change the width of your menu you...

Source

Mega Menus

Tom Hemsley — Thu, 12 Mar 2015 15:03:38 +0000

A Mega Menu is the name given to a large panel of content which is displayed below a menu item when the user clicks or hovers over the menu item. Mega Menus can contain sub menu items and Widgets. Go to Appearance > Menus to manage your menu content. Each item...

Source

Flyout Menus

Tom Hemsley — Thu, 12 Mar 2015 15:03:54 +0000

Hierarchical menu items will be displayed in a flyout menu by default. No special configuration is needed, simply set up your menu items in a hierarchy in the menu editor in WordPress. Flyout menus show one level of menu items at a time, expanding as the user hovers or clicks each...

Source

Menu Item Options

Tom Hemsley — Thu, 12 Mar 2015 15:04:06 +0000

To adjust the mega menu settings for an item, go to Appearance > Menus, hover over a menu item and click the blue “Mega Menu” button. Menu Item Settings Hide Text To hide the menu item text, check the ‘Hide Text’ option and save. This is useful for displaying social...

Source

JavaScript API

Tom Hemsley — Thu, 12 Mar 2015 15:56:48 +0000

jQuery events are fired each time a flyout or mega menu is open and closed. The events are “open_panel” and “close_panel”. You can also manipulate the menu (open and close sub menus) using JavaScript. Important reading: How to use these examples To use these examples, install the “TC Custom JavaScript”...

Source

Installation

Tom Hemsley — Thu, 12 Mar 2015 15:58:13 +0000

Max Mega Menu is a free plugin for WordPress. To install, login to WordPress then go to Plugins > Add New and search for “Max Mega Menu”. After installation you will see the following changes made to your WordPress Dashboard: Dashboard > Appearance > Menus (menu management) There will be a...

Source

Menu Styling

Tom Hemsley — Thu, 12 Mar 2015 16:19:36 +0000

Under Mega Menu > Menu Themes you’ll find a theme editor which allows you to edit the appearance of your menus. Max Mega Menu has one built in theme (Default) but you can create your own themes. The Theme Editor will let you modify all aspects of the Menu styling, including the font, color and size (height)...

Source