How to adjust the “Hover Transitions” speed

Under Mega Menu > Menu Themes, it’s possible to enable “Hover Transitions” for menu items, making the menu item background and font color transition when a link is moused over. How to adjust the transition speed Go to Mega Menu > Menu Themes and enter the following into the Custom Styling…

What does “Hover Intent” mean?

The default Event option is “Hover Intent”. This option can be found on the Appearance > Menus page. Hover Intent is described as “a plug-in that attempts to determine the user’s intent… like a crystal ball, only with mouse movement! It is similar to jQuery’s hover method. However, instead of calling…

How to change the arrow color

Go to Mega Menu > Menu Themes and enter the following into the Custom Styling area:

How to remove the mega menu columns styling

By default, widgets and second level menu items will be displayed in equally spaced columns (as set up in the mega menu builder). To remove the column functionality, and allow the sub menu elements to display naturally, go to Mega Menu > Menu Themes and enter the following into the Custom…

How to adjust the styling of menu item descriptions

By default, menu item descriptions will inherit the styling from the menu item title. The description will be output in a smaller font and in italics. It is possible to modify the menu item description using Custom CSS. Go to Mega Menu > Menu Themes and enter the following into…

How to align menu item icons to the right hand side of the menu item

By default, menu item icons will be displayed to the left hand side of the menu item text. If the item has a sub menu, the “down” arrow will be aligned to the right of the menu item text. If you want to move the menu item icons to the right…

Construction

Fix Mobile Menu Copy the theme header.php (wp-content/themes/construction/header.php) file to your child theme. If you do not have a child theme set up, you can edit the parent theme header.php file instead, but note you will lose your changes if the theme gets updated. In the header.php file, find (~line…

How to display images in a sub menu

Add an image widget to your menu Go to Appearance > Menus. Find the menu item that you would like to display the image below, and click the blue “Mega Menu” button. In our example we want to display an image widget inside the “Images” sub menu. Make sure the…

Minamaze

Fix Sub Menu Animation Copy the header.php file to your Child Theme. Find:

Replace with:

Fix Mobile Menu To hide the duplicate mobile toggle button, and display the mobile menu at the correct width: Go to Mega Menu > Menu Themes and set the Responsive Breakpoint to 768px….

Vogue

Updated instructions for v1.4.06 (free) & version 10.4.1 (premium) The author of Vogue has added in support for Max Mega Menu directly into the theme options. Go to Customize -> Plugin Support and enable the “Mega Menu” option. Go to Customize -> Vogue Theme Settings > Header and disable the…