BugWP logo BugWP
Back to Community
Home / Community / Plugin → Max mega menu

How to Fix Mobile Submenu Issues in Max Mega Menu

22 threads Sep 9, 2025 Plugin → Max mega menu

Content

Managing how submenus behave on mobile devices is a common challenge for WordPress site owners using the Max Mega Menu plugin. Issues like menus not closing when another is opened, or needing to click a tiny arrow instead of the entire menu item, can frustrate users and harm accessibility.

Based on community discussions, these problems are almost always solvable by adjusting specific settings within the plugin, often related to theme conflicts or misconfigured options.

Common Mobile Submenu Problems and Solutions

Here are the most frequently reported mobile menu issues and their solutions, compiled from community support threads.

1. Submenus Not Closing When Another is Opened

This is a very common request. Users want an open submenu to automatically collapse when a different top-level menu item is selected, preventing a long, cluttered mobile menu.

Solution: Navigate to Mega Menu > Menu Locations in your WordPress admin. Expand the settings for your menu location (e.g., Primary Menu). Look for the "Mobile Menu Behaviour" option and set it to "Accordion". This ensures only one submenu can be open at a time.

2. Needing to Click an Arrow Instead of the Menu Text

By default, the entire menu item should be clickable to open its submenu. If only a small arrow next to the text is functional, it's likely your theme is overriding the Max Mega Menu mobile styles or displaying its own mobile menu.

Solution: First, confirm that your mobile menu is actually being generated by Max Mega Menu and not your theme. A quick way to check is to look for the .mega-menu classes in your page's HTML using browser developer tools.

If it is a theme conflict, you may need to disable your theme's mobile menu. This often requires adding custom CSS to hide the theme's menu and reveal the Max Mega Menu version. For example:

.mega-menu-primary #topmenu {
    display: block;
}
.mega-menu-primary #simple-menu {
    display: none;
}

You can add this code in Appearance > Customize > Additional CSS.

3. Submenus Open by Default Instead of Collapsed

Some users prefer all submenus to be collapsed when the mobile menu first opens, expanding only when a user taps on them.

Solution: Within Mega Menu > Menu Locations, expand your menu's settings and go to the Advanced tab. Find the "Mobile Sub Menu Default State" option and set it to "Collapse all". Also, ensure the "Mobile Menu Behaviour" is set to "Accordion" for the best experience.

4. Mobile Menu Doesn't Reset When Closed and Reopened

If a user opens a submenu, closes the entire mobile menu, and then reopens it, the previously opened submenu might still be expanded. This behavior can be confusing.

Solution: According to the Max Mega Menu team, this functionality is not currently available but is planned for a future update. For now, this is the default behavior of the plugin.

Key Settings to Check

Most mobile menu behavior is controlled by a few key settings. If you are troubleshooting, always check these first:

  • Mega Menu > Menu Locations > [Your Menu] > Mobile Menu Behaviour: Set to "Accordion" for one-at-a-time submenu opening.
  • Mega Menu > Menu Locations > [Your Menu] > Advanced > Second Click Behaviour: Set to "First click opens sub menu, second click closes sub menu" to make the entire menu item toggle the submenu.
  • Mega Menu > Menu Locations > [Your Menu] > Advanced > Mobile Sub Menu Default State: Set to "Collapse all" to ensure submenus start closed.

If you continue to experience issues after checking these settings, a theme or plugin conflict is the most probable cause. Temporarily switching to a default WordPress theme like Twenty Twenty-Four can help you confirm this.

Related Support Threads Support