[Resolved] Page is not mobile friendly : Content wider than screen, Text too small to read

[Shubham]

Hi,

I am facing some mobility issue on my website blog posts. Below are the issues:
1. Content wider than screen
2. Text too small to read
3. Clickable elements too close together

Sharing the screenshot below:
https://prnt.sc/qm9pud

Please check website CSS and suggest changes.

[David]

Hi there,

on the Mobile Friendly test site – beside the Page Loading issues warning click the VIEW DETAILS link.

Here you will see several Cached CSS and JS files that are being blocked in your robots.txt.
As well as fixing your robots.txt to allow those files i would suggest clearing your cache.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Shubham]

I tried clearing cache but its not working.
Please suggest robots.txt changes.

[David]

It tells you in the report.
If you compare the list of blocked files to your robots.txt you will see these two rules match:

Disallow: /wp-content/plugins/
Disallow: /wp-content/cache

You can either remove them two rules or create specific allow rules for those directories – for example this will allow the first blocked directory to be accessed….

User-agent: *
Allow: /wp-content/cache/minify/

Add more Allows for each blocked directory.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Shubham]

Thanks a lot, David for help. Yes it works

[David]

Glad to hear that

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts