Go to Mega Menu > Menu Themes and enter the following into the Custom Styling area:
|
1 2 3 |
#{$wrap} #{$menu} li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator { color: #35b1df; } |
Read more
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…
Read moreBy 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…
Read moreBy 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…
Read moreFix 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…
Read moreAdd 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…
Read moreFix Sub Menu Animation Copy the header.php file to your Child Theme. Find:
|
1 |
<div id="header-links-inner" class="header-links"> |
Replace with:
|
1 |
<div id="header-links-inner"> |
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….
Read moreUpdated 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…
Read moreFix Sub Menu Display Install the “TC Custom JavsScript” plugin, then go to Appearance > Custom JavaScript and enter the following:
|
1 2 3 |
jQuery(window).load(function() { jQuery('.traveltour-main-menu').superfish('destroy'); }); |
By default, “flyout” sub sub menus are vertically aligned to the top of their parent item. If you have set up a long menu, with many levels, this can result in a menu that stretches right from the top to the bottom (and beyond) of the user’s screen. This will become…
Read more