Toggle Sub-Menu Indicator Direction

To change the “down” arrow to an “up” arrow when a sub menu is open, go to Mega Menu > Menu Themes and choose your active theme. In the Custom Styling tab, add the following:

Max Mega Menu and the aria-haspopup attribute

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

Collapse Sub Menu

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…

Norebro

Fix Theme Conflicts Copy the /parts/elements/header-menu-nav.php file to your Child Theme. Find: <nav id=”site-navigation” class=”main-nav<?php echo esc_attr( $site_navigation_class ); ?>”> <div class=”close”> <i class=”icon ion-android-close”></i> </div> <div id=”mega-menu-wrap”> Replace with: <nav id=”site-navigation” class=”<?php echo esc_attr( $site_navigation_class ); ?>”> <div> Next go to Appearance > Customize > Additional CSS and add…

Menu Location Settings

Under Mega Menu > Menu Locations you’ll find configuration options that control the behaviour of each of your menu locations. Click a menu location name to expand the options for that location. You’ll see a green tick next to each location where Max Mega Menu is enabled. General Settings Tab…

Kadence

Fix Mobile Menu The mobile menu will automatically close itself when a top level item is clicked. To fix this, open the Kadence header builder and make the following changes: Next go to Mega Menu > Menu Themes > Mobile Menu.

Hello Elementor

Fix Mobile Menu There is a conflict with the Elementor menu toggle button that causes the mobile menu to hide itself when a user attempts to scroll down the sub menu. To fix this we can hide the Elementor mobile toggle icon and display the Max Mega Menu toggle bar…

Zakra (Free)

This guide is for the Zakra theme hosted on wordpress.org. Fix Mobile Menu Step 1 Copy the template-parts/header/primary-menu/mobile-toggle.php file to your child theme. Find (line 47): <nav id=”zak-mobile-nav” class=”<?php zakra_css_class( ‘zakra_mobile_nav_class’ ); ?>” <?php echo wp_kses_post( apply_filters( ‘zakra_nav_data_attrs’, ” ) ); ?>> <div class=”zak-mobile-nav__header”> <?php if ( get_theme_mod( ‘zakra_enable_header_search’, true…

Twenty Twenty Four

Twenty Twenty Three