Hi there…I am trying to optimize our website to start getting organic traffic from search engines like Google, Bing etc.
This morning we’ve got 2 errors on the google search console related to mobile devices:
Error1: Clickable elements are too close to each other
Error2: Content is wider than the screen
I found the same error here on this thread: https://xtemos.com/forums/topic/mobile-clickable-elements-too-close-together-and-content-wider-than-screen/
I am using this tool to perform my tests: https://search.google.com/test/mobile-friendly
I’ve been reading and investigating these errors and what I found is: When the WP ROCKET plugin is activated, the error appears on the “mobile-friendly test tool”.
When I deactivate the plugin WP Rocket, the error is gone (NO ERROR APPEAR ON THE mobile-friendly test tool).
On the WP ROCKET panel, I am using the options: “Minify CSS files” and “Combine CSS Files”.
So, what I suspect is there is some CSS file that is responsible to load the styles on the mobile version of our theme. So I need to detect which files is responsible to load these CSS styles and exclude them from the minification/concatenation option.
So, please, could you explain that situation (our issue) to your development team and ask them which file should I exclude from the minification/concatenation task on the WP ROCKET plugin?
I need to know which CSS file is responsible to load the styles on the mobile version of our website.
Some images to clarify the issue:
https://imgur.com/nI9C8At
https://imgur.com/Bd5j4Tc
https://imgur.com/k6jXVgK
Thank you very much…Cheers!
.
