Themeisle Docs

Appearance

Neve Mobile Menu Not Opening or Not Displaying Menu Items ​

If tapping the hamburger icon on your Neve site does nothing, or the mobile menu opens with no menu items inside, this guide will help you identify the cause and resolve it.

In this article

Symptoms ​

You may be affected by this issue if you notice the following:

  • Tapping the hamburger icon does nothing on your phone or tablet.
  • The issue happens in one mobile browser, such as Safari on iPhone or iPad, even though the same menu works elsewhere.
  • The mobile menu panel opens when you tap the hamburger icon, but contains no menu items.
  • Colors, spacing, and styles appear correctly in the panel — only the menu items are missing.
  • The menu displays correctly on desktop, but not on mobile.
  • The issue persists even after saving or re-assigning the menu in Appearance > Menus.

Cause ​

This issue is most commonly caused by a plugin conflict. Certain third-party plugins — especially plugins that modify JavaScript loading, page output, page titles, SEO metadata, or caching behavior — can interfere with how Neve opens and renders the mobile menu.

Depending on the conflict, one of two things usually happens:

  • The mobile panel opens, but the menu items do not appear.
  • The hamburger icon becomes unresponsive because the script that should open the mobile panel does not run correctly.

Plugins in the SEO or title-management category (such as Title Manager) are known to trigger the empty-panel behavior. Performance and caching plugins with JavaScript optimization features can also stop the hamburger toggle from responding. SiteGround Speed Optimizer is one example that has been observed in this kind of troubleshooting.

Fix ​

Work through the steps below in order. Stop as soon as your mobile menu opens correctly and your menu items appear.

Step 1: Verify Menu Assignment ​

Before testing for conflicts, confirm that a menu is correctly assigned in both of the following places.

  1. In your WordPress Dashboard, go to Appearance > Menus.
  2. Open the menu you want to use on mobile and confirm it is assigned to the Primary Menu. Click Save Menu.

  1. Go to Appearance > Customize and open the Header Builder.
  2. Switch to the Mobile view and check that the mobile menu component has your menu selected as its content source.

  1. Click Publish to save any changes.

📝 Note: For full instructions on setting up the Header Builder for mobile, see Header Builder on Mobile Devices and Primary Menu.

Step 2: If the Hamburger Icon Does Not Respond at All ​

If tapping the hamburger icon does nothing, the menu markup may still be present, but the script that opens the panel may be blocked by a plugin conflict or JavaScript optimization setting.

  1. Test the menu on the affected mobile device and browser first.
  2. Then test the same page in another mobile browser or in your desktop browser's responsive design mode.
  3. If the issue only happens in one mobile browser, do not assume Neve alone is the cause. Browser-specific symptoms can still be triggered by caching or optimization settings on your site.

📝 Optional check: If you are comfortable using your browser's developer tools, you can temporarily add the is-menu-sidebar class to test the panel state. If that opens the mobile panel, the menu styling is likely fine and the problem is more likely the JavaScript event that should open the menu.

Step 3: Run a Plugin Conflict Test ​

If the menu assignment is correct but the mobile menu is still empty or the hamburger icon is still unresponsive, a plugin conflict is the most likely cause.

  1. In your Dashboard, go to Plugins > Installed Plugins.
  2. Deactivate all plugins except Neve and Neve Pro (if installed).
  3. Open your site on the affected mobile device or browser and check whether the hamburger icon now opens the menu and displays the menu items.
  4. If the menu works again, a deactivated plugin was causing the conflict. Reactivate your plugins one at a time, checking the mobile menu after each reactivation.
  5. When the menu stops working again, the plugin you just reactivated is the source of the conflict.

⚠️ Important: Start your reactivation testing with performance plugins, caching plugins, JavaScript optimization plugins, SEO plugins, title management plugins, and any plugin that modifies page output or metadata — these are the most common sources of this conflict.

Step 4: Check Performance and JavaScript Optimization Plugins ​

If you use a performance or caching plugin, temporarily disable its JavaScript optimization features before testing again.

  1. Open your performance or caching plugin settings.
  2. Temporarily disable any feature related to:
    • JavaScript minification
    • JavaScript combination or aggregation
    • JavaScript defer or delay
    • Front-end script optimization or script-loading delays
  3. Save the changes.
  4. Clear the plugin cache, your hosting or server cache, any CDN cache, and your browser cache.
  5. Retest the hamburger icon on the original phone or tablet where the issue happened.

⚠️ Important: Some optimization plugins keep serving already-optimized files until all caches are cleared. If you skip the cache-clearing step, you may get a false negative and think the setting change did not help.

SiteGround Speed Optimizer is one observed example of a plugin whose JavaScript optimization settings can interfere with the mobile menu toggle. If disabling those features fixes the issue, re-enable the settings one at a time until you find the specific option causing the conflict.

Step 5: Switch to a Default Theme Temporarily ​

If deactivating all plugins does not resolve the issue, a child theme or theme customization may be involved.

  1. In your Dashboard, go to Appearance > Themes.
  2. Activate a default WordPress theme such as Twenty Twenty-Four.
  3. Check the mobile menu behavior on your site.
  4. If the issue is gone, switch back to Neve and review any custom code added to your child theme's functions.php or through a CSS/JS customization plugin.

Common Culprits ​

The following types of plugins are known to conflict with Neve's mobile menu rendering:

  • Title management plugins — plugins that alter page <title> output or inject custom metadata into page headers. The Title Manager plugin has been specifically identified as a source of this conflict.
  • SEO plugins with aggressive output buffering or page title rewriting.
  • Performance or caching plugins that modify HTML output before it is sent to the browser.
  • JavaScript optimization plugins or features that minify, combine, defer, or delay the scripts responsible for the mobile menu toggle. SiteGround Speed Optimizer is an observed example in this category.

If you identify a conflicting plugin, you have two options:

  • Keep the plugin deactivated and look for an alternative that does not interfere with Neve.
  • Contact the conflicting plugin's support team to report the incompatibility.

Verification ​

After applying the fix, confirm that the mobile menu is working correctly:

  1. Open your site on the original phone or tablet and in the original browser where the issue happened.
  2. Tap the hamburger icon and confirm that the mobile menu panel opens immediately.
  3. Confirm that your menu items appear and are tappable.
  4. Navigate to a few pages using the mobile menu to ensure links work as expected.
  5. Compare the result in another browser or in your browser's responsive design mode to confirm the fix is consistent.

💡 Tip: If the menu still does not open or your items still do not appear, clear your browser cache and any site-level caching again before testing. Browser-specific symptoms can still come from optimization settings that have not fully cleared yet.

If you have confirmed there is no plugin conflict and the mobile menu is still empty or unresponsive, contact Themeisle support with details about your WordPress version, Neve version, active plugins, caching or optimization settings, and the device/browser where you tested the issue.

Related articles:

Was this helpful?