We have been using the Sydney theme for a long time. I just got an email from Google that we have mobile usability issues on our website which is affecting our search engine ranking.
I have tried to fix the issue by updating the theme and all the plugins but it didn’t work. I also deactivated the plugins and re-run the test but again it is not the solution.
You can take a look at the mobile usability issues from the link below:
Google’s Tool: https://search.google.com/test/mobile-friendly?hl=en
Our Website: https://rb.gy/yxxa2v
It gives the following errors:
1)Text too small to read
2)Clickable elements too close together
If you click on" View Details" on top of the page you can see the details of the error resources. Some of these were due to the plugins we use, but when we deactivate them and re-run the test, the number of errors decreases, but the mobile usability error stays still.
I have checked the HTML code and it seems okay; it has the “width=device-width, initial-scale=1” so it should scale the website to any device width I believe.
The mobile usability of our website was just fine before and we haven’t done any major changes to our website recently. Anyhow, we have created a “Childtheme” last month maybe the problem is due to lack of code on our child theme but I can’t diagnose if that is the problem by myself.
The other reason may be due to the WordPress version update to 5.5.3, this is on auto-update and I can not take it back to see if this update is the reason behind the mobile usability issue. If this is the reason you might want to update the theme as well.
The thing is when I open our website on different mobile devices, there are no visible mobile usability issues but the Google crawler rendering the page as broken on the screenshots, which you can see it on;
Can you please help me solve this issue?