Disable Remove Unused CSS or Load CSS Asynchronously on mobile

If the Remove Unused CSS or Load CSS Asynchronously features are causing layout issues on the mobile version of your site, you can disable this feature for mobile devices only while keeping it for the desktop version.

You'll need to use the following helper plugin:

📥  Download (.zip): WP Rocket | No Optimized CSS Delivery on Mobile
Developers: You can find the code for this plugin on GitHub.

To install and use the plugin, please follow these steps:

1. Download the helper plugin zip file.
2. Install the helper plugin on your site - go to Plugins → Add New → Upload plugin and select the zip file. 
3. Activate the plugin.
4. Clear WP Rocket's cache.

We also have these useful articles on how to tackle Remove Unused CSS and Load CSS Asynchronously related layout issues:

• For Remove Unused CSS: Troubleshoot Remove Unused CSS display issues
• For Load CSS Asynchronously: Critical CSS issues and FOUC. 

Those are the options we recommend trying first. However, if none of them work or if you simply prefer, you can use the helper plugin above.

WP Rocket versions older than 3.16

For the WP Rocket | No Optimized CSS Delivery on Mobile to work on WP Rocket versions older than 3.16, the Separate cache files for mobile devices sub-option must be enabled.