Removing Residual Styling Check the Theme Integration page to see if we’ve already written instructions on how to integrate Max Mega Menu with your...
Centering Menu Items Centering Top Level Menu Items To center the menu items within the menu bar: Go to Mega Menu > Menu...
Disable Mobile Toggle A common theme integration issue is seeing 2 mobile toggle buttons. One mobile toggle button will be output by your theme (because...
Adjust Menu Width By default the menu will fill 100% of the width dictated by your theme. We generally advise against using the option...
Hide Mobile Menu How to hide the mobile menu To completely hide the menu on mobile devices, go to Mega Menu > Menu...
How to change the width of mega sub menus To adjust the width of the mega menu, go to Mega Menu > Menu Themes. The width of the mega...
Hide Sub Menus on Mobiles To hide the sub/dropdown menus on mobiles: Go to Appearance > Menus Hover over a top level menu item and click...
Menu Item Limit If you’re finding it impossible to add more items to your menu, or you’re finding that menu settings are not...
How to add social media icons to your menu Step 1. Add a new Custom Link to your menu Save the menu once the link has been added. Step...
Creating multilingual mega menus with WPML With Max Mega Menu and WPML you can create multilingual Mega Menus for your WordPress site. In this example we will...
Creating multilingual mega menus with PolyLang With Max Mega Menu and PolyLang you can create multilingual Mega Menus for your WordPress site. Step 1 In this step we...
Pro updates not working If you are having trouble updating the Max Mega Menu Pro plugin it usually means your license has not been activated...
Change Animation Speed In v2.2 onwards it is possible to change the animation speed in the Mega Menu settings: There are 3 options:...
JavaScript Errors JavaScript errors on your site can stop Max Mega Menu (and other plugins) from behaving correctly. Symptoms include: Front End...
Footer Mega Menu To make the sub menus for your mega menu appear above the menu bar instead of below, go to Mega...
Menu Items Wrapping onto Two Lines If the combined width of your top level menu items exceeds the maximum width available for your menu, the items that don’t fit...
How to hide the sub menu after a menu item link is clicked Close desktop menu after click If you are using a one page theme or have anchor links within your sub...
Mobile Menu Hidden If you can’t see the mobile menu then it will be due to residual styling. Please check to see if...
How to open menu links in a new tab or window The ability to open menu links in a new tab is part of the core WordPress menu functionality, but you need to...
How to add a WPML Language selector to the mobile toggle bar In this guide we’ll go through some quick steps detailing how to add a WPML language selector to your mobile...
How to equally distribute menu items in the menu bar By default top level menu items will take up only as much space/space as needed. To make each top level menu...
How to highlight active menu items Demo: see the top menu on this site. You will notice the ‘Documentation’ item is (subtly) highlighted. Applying the hover...
How to change the ‘Second Click Behaviour’ option for a single location The ‘Second Click Behaviour’ option is a global setting and will apply to all of your Max Mega Menu enabled...
Accordion Menu: Changing the click behaviour for parent items Parent Item Click Behaviour Accordion Menus respect the ‘Second Click Behaviour’ option set in the Mega Menu > General Settings...
How to display menu items over multiple lines Prerequisites Your menu will need to be tall enough to accommodate two line menu items. To change the height of...
Allow sub menus to remain visible when page background is clicked By default, when the page background is clicked, any open sub menus will be automatically closed. To prevent this behaviour...
Search Box Filters The search box in Max Mega Menu Pro will use the standard WordPress search. It is possible to modify the...
How to distribute sub menu items over multiple columns In this example we will distribute the “Installation”, “Mega Menus”, “Flyout Menus” and “Menu Item Options” menu items over 2...
How to show or hide items in the sticky menu Go to Appearance > Menus. Hover over the item you wish to show or hide in the sticky menu and...
How to change the Sticky Menu background and font color Important: These instructions will only work if you are using the built in “Sticky” option in the Max Mega Menu...
Centering sub menus In this article we will explain how to center a “mega” sub menu beneath the menu bar. By default, sub...
Fixed height mega sub menu Important note: These instructions are for Mega Menu style sub menus (not Flyout Style sub menus; it is not possible...
Apply custom styling to third level flyout menus The Theme Editor in Max Mega Menu will let you apply general styling to Flyout type sub menus. The same...
Apply custom styling to fourth level items The Theme Editor in Max Mega Menu will let you apply styling to the First, Second and Third level items...
Applying third level menu item styling to second level menu items Important: This functionality requires Max Mega Menu v2.3.1+ Generally, second level items are styled to display as a column header/title,...
RTL Support To add support for RTL language/direction, go to Mega Menu > Menu Themes and insert the following into the Custom...
How to display shortcodes in menu items Please note this guide uses the “Replacements” functionality which is a feature of Max Mega Menu Pro. In this example...
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...
How to change the direction of Flyout Menus By default, “flyout” sub menus are aligned to the left edge of the parent item, and expand to the right of...
Vertically align flyout menus to bottom of navigation bar By default, “flyout” sub sub menus are vertically aligned to the top of their parent item. If you have set up...
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...
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...
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...
How to change the arrow color Go to Mega Menu > Menu Themes and enter the following into the Custom Styling area: [crayon-66dc90a2478b9184441584/]
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...
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...
How to add a Logout Link to your menu Adding a logout link to a menu in WordPress is not as easy as it sounds, as the WordPress logout...
Max Mega Menu Pro – Installation Instructions After you complete the checkout, we will send you an email (subject: Max Mega Menu Pro – Order Complete) which...
Mobile Menu Text Alignment The text alignment of the mobile menu can be set using the Mega Menu > Menu Themes > Mobile Menu...
Mobile Menu Font Color The font color of the mobile menu is inherited from the desktop settings. If you have a black font on...
Hide icons on mobile To hide the menu item icons on mobile, go to Mega Menu > Menu Themes and paste one of the...
How to add a bottom border or shadow to the menu Add bottom border to menu (desktop and mobile) To add a bottom border to the menu, go to Mega Menu...
Configuring mobile menu plugins to work with Max Mega Menu There are many plugins available which will add a dedicated mobile menu to your website. If you prefer to use...
Can I use a different menu for mobile? In most cases, your theme will show the exact same menu on desktop and mobile (it will just be displayed...
How do I get Max Mega Menu to work in my custom theme? There are no special requirements to get Max Mega Menu working with your custom theme, you only need to make...
How to switch a mega menu to a flyout menu on mobile We often get asked how to switch a mega menu to a fly out menu on mobile. There is no...
How to change the width of an individual sub menu Under Mega Menu > Menu Themes, you can define a global width for all of your sub menus. It is...
Error 403 / 404 / 500 when saving menu If you get a 403, 404 or 500 server error when trying to save a menu it will be due...
Is Max Mega Menu compatible with Multisite? Yes, Max Mega Menu is compatible with WordPress Multisite. Can I share my menus between the sites on my network?...
Can I upgrade my Pro licence? Yes, you can upgrade your licence from your client area. Your username is the email address you used to complete...
Can I center my menu logo exactly in the middle of my menu? It is not possible with Max Mega Menu to perfectly center your menu logo within the menu. When you see...
Using Ajax Search Lite/Pro with Max Mega Menu AJAX Search Lite / Pro is a live search plugin for WordPress. Using the “Replacements” functionality in Max Mega Menu...
Where can I find my Max Mega Menu Pro invoice? After making the purchase you will have received two emails: An email from us with your download and installation details....
Variable / Flexible Width Menu Items Only compatible with modern browsers. In the demo below the menu items automatically adjust their width to fill the menu...
How to display WooCommerce categories in your menu In this article we will go through the steps required to show WooCommerce categories within your menu. Step 1: Enable...
How to create “Buttons” using Max Mega Menu Pro Menu Setup In this example we will change the “My Button” menu item so that it is styled independently of...
Mobile Menu Pushes Content Down Depending on your theme configuration, opening the mobile menu will push down/expand the page content. If you do not want...
How to add a scrollbar to the mobile menu If your theme sticks your header on mobile and your mobile menu is taller than the height of the screen,...
How to apply hover styling to top level items on mobile Previous to v2.5.3, hover styles would be applied to the mobile menu using the following theme editor options. These options...
v2.4.1.X – Logo Toggle Block Positioning (iPhone) After updating Max Mega Menu (free) to v.2.4.1.X some users may find the position of their logo toggle block is...
How to disable the sticky menu on a specific page Add the following code to your themes functions.php page to disable the sticky menu on a specific page. [crayon-66dc90a247f0d580332655/] In...
Use ‘nav’ element as the menu container Add the following code to your themes functions.php page to change the <div> element to a <nav> element for your...
Smooth Scroll / One Page Navigation To enable smooth scrolling to a section of the page when a menu item is clicked, we recommend installing the...
Can I activate my licence key on a staging or development site? This answer is two-fold. You do not need to activate your licence key for the plugin to function. Therefore, you...
How do I change the keyboard navigation highlight color? To change the outline colour of highlighted menu items when using keyboard navigation (from the default blue color), go to...
Equal Column Height / Column Border To make each column within a megamenu the same height, go to Mega Menu > Menu Themes > Custom Styling...