Max Mega Menu Documentation

What residual theme styling is, the problems it causes in your mega menu, and how to remove it from your theme templates.

How to collapse second level items in a mega menu so their children show and hide on click.

Why Max Mega Menu uses the aria-haspopup attribute on menu items, and what accessibility checkers report about it.

How to rotate the sub menu arrow (indicator) when a sub menu is open, using the built in Rotate option.

How to center your top level menu items within the menu bar with Max Mega Menu.

How to disable the Max Mega Menu mobile toggle bar so the mobile menu is always displayed in its open state.

How to change the width of your menu bar and sub menus with the Max Mega Menu theme editor.

How to completely hide your menu on mobile devices, or show the desktop menu at all screen sizes, with Max Mega Menu.

How to change the width of mega menu sub menus, including full width and custom width sub menus, in the theme editor.

How to hide a sub menu on mobile devices with the Max Mega Menu “Hide sub menu on mobile” option.

Can’t save your menu or add more items? Why the WordPress menu item limit (max_input_vars) happens and how to raise it.

How to add Facebook, Instagram and other social media icons to your menu, aligned right, and on one line in the mobile menu.

How to create multilingual mega menus with WPML and Max Mega Menu, and translate the mobile toggle block text.

How to create multilingual mega menus with Polylang and Max Mega Menu, and translate the mobile toggle block text.

How to change the sub menu animation speed in Max Mega Menu for desktop and mobile.

How to use your browser’s developer tools to find JavaScript errors that stop Max Mega Menu (and other plugins) from working.

How to display Max Mega Menu in your footer with sub menus that open upwards, above the menu bar.

How to stop menu items wrapping onto a second line, or make the menu fit the available width.

How to automatically close the sub menu or mobile menu after a menu link is clicked, for example on one page websites.

Can’t see the Max Mega Menu mobile menu? How to find what is hiding it and fix the problem.

How to open WordPress menu links in a new tab or window using the Link Target option.

How to add a WPML language switcher to the Max Mega Menu mobile toggle bar using an HTML toggle block.

How to spread your top level menu items evenly across the full width of the menu bar with Max Mega Menu.

How to highlight the current (active) menu item and its parents with Max Mega Menu.

How to change the Click Event Behaviour option for a single menu location in Max Mega Menu.

How to make accordion menu parent items clickable links, or toggle their sub menu, with Max Mega Menu.

How to display a menu item’s text over two lines with Max Mega Menu, using Flex CSS and a line break.

How to stop sub menus closing when the page background is clicked in Max Mega Menu.

How to limit the Max Mega Menu Pro search box to specific post types, such as WooCommerce products.

How to split a long list of sub menu items into multiple columns within a mega menu.

How to center a mega menu sub menu beneath the menu bar with Max Mega Menu.

How to give a mega menu sub menu a fixed height, with a scrollbar for overflowing content.

How to apply custom styling to third level flyout sub menus with Max Mega Menu.

How to apply custom styling to fourth level menu items in Max Mega Menu.

How to make second level mega menu items use the third level item styling in Max Mega Menu.

How to display Max Mega Menu correctly for right-to-left (RTL) languages.

How to display a shortcode inside a menu item, such as a personalised greeting, with Max Mega Menu Pro replacements.

How to display images in a mega menu sub menu with Max Mega Menu, using widgets in the grid layout.

How to make flyout sub menus open to the left instead of the right with Max Mega Menu.

How to vertically align flyout sub menus to the bottom of the navigation bar.

How to display a menu item’s icon to the right of its text with Max Mega Menu.

How to change the font size, color and style of menu item descriptions in Max Mega Menu.

How to remove the default equal width column layout for widgets and sub menu items in a mega menu.

How to change the color of the sub menu arrows (indicators) in Max Mega Menu.

What the Hover Intent event does in Max Mega Menu, how it differs from Hover and Click, and how to change it.

How to adjust the speed of hover transitions on menu items in Max Mega Menu.

How to add a dynamic logout link to your WordPress menu, visible only to logged in users, with Max Mega Menu Pro.

How to download, install and activate Max Mega Menu Pro and your licence key after purchase.

How to change the text alignment of the Max Mega Menu mobile menu in the theme editor.

How to change the mobile menu font color, size and alignment in the Max Mega Menu theme editor.

How to hide menu item icons in the Max Mega Menu mobile menu.

How to add a bottom border or drop shadow to the menu bar with Max Mega Menu.

How to use a dedicated mobile menu plugin, such as Responsive Menu, alongside Max Mega Menu on desktop.

How to display a different menu on mobile devices than on desktop with Max Mega Menu.

How to get Max Mega Menu working in your custom WordPress theme, including registering menu locations and wp_nav_menu.

How to display a mega menu as a flyout style sub menu on mobile devices with Max Mega Menu.

How to change the width of a single sub menu with Max Mega Menu Pro custom item styling.

Getting a 403, 404 or 500 error when saving a menu? Why it happens (server limits, mod_security) and how to fix it.

Is Max Mega Menu compatible with WordPress Multisite, and how do Pro licences work across a network?

How to upgrade your Max Mega Menu Pro licence to a higher tier from your client area.

Can a menu logo be centered exactly in the middle of the menu? Options and workarounds with Max Mega Menu.

How to display an Ajax Search Lite or Pro live search box in your menu with Max Mega Menu Pro replacements.

Where to find your Max Mega Menu Pro invoice or receipt after purchase.

How to make menu items stretch to fill the menu bar with variable or flexible widths.

How to display WooCommerce product categories with icons in a mega menu grid layout.

How to style a menu item as a button with Max Mega Menu Pro custom item styling.

How to enable the CSS Classes field in WordPress menus and add custom classes to individual menu items.

How to stop the mobile menu pushing page content down by using the Overlay Content option.

How to add a scrollbar to a tall mobile menu so all items can be reached when the header is sticky.

How to restore hover styling for top level items in the Max Mega Menu mobile menu.

How to fix the position of the logo toggle block on iPhones by setting a pixel Max Height.

How to disable the Max Mega Menu Pro sticky menu on specific pages with a code snippet.

How to wrap your menu in a nav element instead of a div using the Max Mega Menu location settings.

How to use Max Mega Menu for one page websites with smooth scrolling to page sections.

Do you need to activate your Max Mega Menu Pro licence on a staging or development site? How licences and updates work.

How to change the keyboard focus highlight outline color, width and offset in the Max Mega Menu theme editor.

How to make mega menu columns equal height with Flex CSS and add borders between columns.