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

Collapse Sub Menu

Tom Hemsley — Wed, 27 Nov 2024 11:54:12 +0000

An example of collapsed sub menus within a mega menu can be found in the demo menu on the homepage of megamenu.com: To collapse a sub menu within a mega menu, go to Appearance > Menus and open the mega menu settings for the parent item. At the bottom of...

Source

Max Mega Menu and the aria-haspopup attribute

Tom Hemsley — Tue, 17 Feb 2026 09:51:26 +0000

TL;DR: Automated accessibility tools often flag missing [crayon-69b956807b42a942985422-i/] attributes because they assume all menus should behave like “Desktop Applications.” However, Max Mega Menu follows the W3C Disclosure Pattern. We use [crayon-69b956807b432890863941-i/] , which provides a better experience for screen reader users and avoids confusing navigation “modes.” If you’ve recently run an...

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

Hide Mobile Menu

Tom Hemsley — Sat, 21 Mar 2015 10:33:53 +0000

How to hide the mobile menu To completely hide the menu on mobile devices, go to Mega Menu > Menu Themes > Custom Styling and add the following on a new line: [crayon-69b956807be93161239093/] Important: The “Responsive Breakpoint” setting in the menu theme must be set to the browser width at which you...

Source

How to change the width of mega sub menus

Tom Hemsley — Tue, 31 Mar 2015 22:20:19 +0000

To adjust the width of the mega menu, go to Mega Menu > Menu Themes. The width of the mega menus are defined by the ‘Panel Width’ setting. There are 3 types of value you can use for this setting: Option 1. Percentage Width Entering a percentage width will make...

Source

Hide Sub Menus on Mobiles

Tom Hemsley — Mon, 20 Apr 2015 19:08:34 +0000

To hide the sub/dropdown menus on mobiles: Go to Appearance > Menus Hover over a top level menu item and click the blue ‘Mega Menu’ button Go to the General Settings tab and enable the “Hide sub menu on mobile” option Save.

Source

Menu Item Limit

Tom Hemsley — Tue, 05 May 2015 19:41:11 +0000

If you’re finding it impossible to add more items to your menu, or you’re finding that menu settings are not being correctly applied, then you’re probably running into the WordPress menu item limit. This problem is not directly related to Max Mega Menu or WordPress. Max Mega Menu uses a separate...

Source