I once used OceanWp and even wrote about how mobile menu, search icon and drop down submenu etc. were not working properly in it.
Now on the WordPress forum, every new user is facing this problem.
Whenever they try to click on their navigation menu or header menu in the mobile version of their site, no matter what OS they are on-
It doesn’t work.
It simply shows a /# at the end of your URL.
One user even asked is there any possible fix that’s working for all or not.
Yes, there is.
If you’re also facing the same issue and mobile menu on your site is not working after switching to WordPress themes like:
Themify Etc., then there are a few things that might be causing this issue on your site.
And I’ll help you fix that.
Cause Of Mobile Menu & Search Icon Working Error
Now you know about the cause of the error, let us find some possible solutions to fix this.
1. Disable Cache & Speed Optimization Plugins
WordPress Cache plugins like WP Super cache, W3 total cache, Litespeed cache and WP Rocket are too responsible for this. However, WP rocket doesn’t show any error when you do not turn its minify options on.
All you have to do is disable any speed optimization or cache plugin(s) if you have them on your website and mobile menu and search icon will start working.
2. Uninstall Any Other Themes Installed
I’ve also experienced that submenus and search icon wasn’t working when I installed Genesis framework. At first, Genesis wasn’t even installing at all but after disabling OceanWP, it did.
When I installed Astra and activated it keeping Genesis deactivated but still installed in the backend, The mobile menu and search icon both didn’t work.
I then discovered after uninstalling genesis and another theme I had installed, it went normally.
So, uninstalling any theme rather than the one in which menu and search icon isn’t working can also help you solve this problem.
3. Check Your Browser Cache & Script Loading Options
Clear your browser cache and reload your page to see if it works.
Press CTRL+H to open history in chrome and click on clear browsing data. Open Safari in Mac and select clear history and website data or simply select cache data.
Also disable any of the extensions you might have one by one to check which particular extension is responsible to cause this error.
Some More Possible Reasons…
Any plugin that affects the front end of your website can cause mobile menus and search icons to stop or work improperly.
The only way you will be able to know what’s the reason behind it is by disabling all of your plugins one by one until you find the main culprit. Most probably it will be one of those plugins that work on the frontend of your blog.
I hope you’ve got the solution for this error, Particularly mobile menu and search icon were not working in OceanWP, but it has been reported for other themes too including Astra and Generatepress and this solution will work for all of them.
You should also read my post on what to do when wp-admin redirects, refreshes or gives 404. Share this post to let other WordPress users know how to get rid of this problem.