WP Rocket mobile cache breaking mobile menu

There seems to be a conflict with WP Rocket’s mobile cache setting and the Navigation Collapsed element on mobile devices. With the WP Rocket mobile cache activated the mobile menu doesn’t work at all on mobile devices.
Is there a solution for this? The WP Rocket mobile cache drastically improves the page speed score, so it would be amazing if we could get it and the Navigation Collapsed element to work nicely together.

Hello @marketfresh,

Thanks for writing in! WP Rocket should cache all the JS and CSS resources in your site properly. Kindly clear the plugin cache first and then test your site again. You may need to clear the cache or your mobile browser or simply use private browsing (incognito) mode and then do the test on your mobile phone again.

Please let us know if this works out for you.

I’ve done all that.
The error happens when this specific setting is turned on:

Hello @marketfresh,

Thanks for sharing the information.

Glad that you are able to fix your issue by yourself.

Have a great day!
Thanks

I didn’t fix the problem. The problem is that when I “Enable caching for mobile devices” in WP Rocket, the mobile menu stops working. I would like to be able to enable this option and still have the mobile menu work.

Does that make sense?

Hello @marketfresh

Sorry for your inconvenience, If you need this plugin then I would recommend you to purge all the cache then exclude the CSS and JS files which is required to load proper styling and layout of the page.

Please check out this article

Please note that we don’t provide any third-party plugin support. It is out of the support scope.

Thanks for understanding

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.