If nothing happens when you tap the hamburger icon in the mobile menu, it usually means a JavaScript error is preventing the menu script from running. In the browser console, it may look similar to this:
Troubleshooting steps
1) Check custom JavaScript
If you’ve added any faulty custom JS (theme options, child theme, custom plugin, header/footer scripts, etc.), it may be breaking the page.
- Temporarily remove or disable your custom JS.
- Reload the page and test the mobile menu again.
- If the menu starts working, re-enable your code in small chunks to identify the exact snippet causing the error.
2) Review caching/optimization settings
Some performance plugins can change script loading order, which can stop the theme’s menu JavaScript from initializing.
In your caching/performance plugin, disable options like:
- Load JS Deferred
- Delay JS Execution
Then clear the cache and test again.
3) Disable plugins to find conflicts
Other plugins may inject JavaScript that conflicts with the theme (or throws errors that stop other scripts from running).
- Disable non-essential plugins one by one.
- After each change, refresh the page and test the hamburger menu.
- Once you find the plugin causing the issue, keep it disabled and check its settings for JS optimization/features that may be interfering.
