If you’re running WPRocket plugin, you can access Customizer > General > Performance and find an option called “Add Mobile Improvements” eg: https://d.pr/i/IspxSl .
This option only works if WPRocket’s “Mobile Cache” & “Cache Separately” are enabled eg: https://d.pr/i/4qy89a .
The option will enable a few functionalities such as:
- Physically removing the output of any Elementor content that’s set to be hidden on Desktop. Works for any element and widget that has Desktop hidden eg: https://d.pr/i/tfEfPc .
- Creates 2 new image sizes with the widths of 480px and 240px. They will forcefully override the current images sizes, and in case you use Sections or Columns background image set to “Image tag”, they will load it too.
Note: After enabling “Mobile improvements” option, you will need to install “Regenerate Thumbnails” plugin and regenerate them so that the new sizes are physically created.
- Forces some desktop exclusive features to be completely unloaded (eg: Quickview);
- Physically disables the load of the main menu (which may include mega menus) thus resulting in a smaller output.