How to Fix Text Too Small to Read Mobile Usability Error in GeneratePress?

@diggeddy I have been waiting for your reply for 3 days.

Hi there,

apologies for the delay, on the odd occasion some support emails get lost in the system.

I just ran this test – and it passed:
https://search.google.com/test/mobile-friendly?utm_source=gws&utm_medium=onebox&utm_campaign=suit&id=I5RcpFI6Cv7P8j_3kj7mqQ

Google sets a variable limit on the number of network requests it will make during its testing. The more requests a site makes the more likely google will move on before loading all the required styles/scripts to render the page. Which results in these false negatives.

The example post i tested makes 94 requests. This possible ‘overload’ is not Theme related.

If you want to reduce the risk of this re-occurring you would need to reduce the number of requests your site is making.

Hello David, First of all, I would like to tell you that my website is hosted on DigitalOcean Bangalore server because almost all of my traffic comes from India. So if you test the speed of my website from Vancouver, Canada. it makes more requests. but according to you, I have optimized my website speed, now it makes 10-12 requests worldwide and It loads in less than 1.0 second. You can check the link given below.

https://gtmetrix.com/reports/www.wikihelp.in/5DZmrhQB

But still, I have been facing Text too small to read “Page is not mobile friendly” issue for more than 2 months. but When I ran the “mobile friendly test” I noticed that the website preview is not showing properly, you can see the image below.

https://search.google.com/test/mobile-friendly?id=41sJcmnbRBeUblVUY8pHIQ

But when I test other websites, its preview is showing properly. I think this is causing the problem, so please help me to fix this problem.

It looks like some of your adverts are not behaving responsively – they are sometimes loading much wider adverts then then the viewport size which is causing the issue you’re having.

David, can you please tell me which AdSense ad unit is not behaving responsively. So that I can remove it from the website. Please help me to fix this problem.

The one after the Navigation is one of them that is affected.
I cannot say which others are affected as they may be symptomatic of the first advert increasing the width of the site.

David, please see the image below. Is this highlighted AdSense ad unit is not behaving responsively?

Hi there,

This is something you’ll likely need to play with to get right – it’s difficult for us to tell which one is causing it.

If you choose a responsive ad unit, they should size themselves appropriately.

Hello Tom, please understand my problem. I am using a 728×90 fixed-size leaderboard Adsense ad unit below the primary navigation menu. I also tried the responsive Adsense ad unit but the ad is showing too large. It is a single Adsense ad unit on my website which is not responsive. But when I manually visit my website on desktop or mobile, I am not facing any problem that Adsense ads are not behaving responsively. Everything looks good and mobile-friendly. But when I run the “Mobile-Friendly Test”, the preview of the website is not showing properly. You can check the link given below.

https://search.google.com/test/mobile-friendly?id=41sJcmnbRBeUblVUY8pHIQ

How can I fix this problem without changing the 728×90 fixed-size leaderboard Adsense ad into a responsive ad unit? Please help me to solve this problem.

I am using a 728×90 fixed-size leaderboard Adsense ad unit below the primary navigation menu

This is the issue – google when it tests the site will apply the 728px width to that container – there isn’t anything we can do to that change that. You will need to use a responive advert for that.

David, As I already told you that I used the responsive AdSense ads below the navigation menu and also used the below CSS code provided by you. but Adsense ad didn’t look like 728×90 sized leaderboard ad. So now I am replacing the 728×90 fixed-size leaderboard Adsense ad code with the responsive AdSense ad code to solve this problem. Thank you for your amazing support, if I face any other problem so I will tell you here ??

body .grid-container.header-advert {
    max-width: 728px;
    max-height: 90px;
    box-sizing: border-box;
    margin-top: 1em;
}

You’re welcome

If I open the blog on my page, it looks ok. But if Google checks (I check via search console), the header is distorted.It even passes the mobile friendly test,but search console shows the error.I am using oceanWp theme In that case, go to Appearance > Customize, switch to mobile preview, go to Typography > Widgets, increase the Line Height, and set 14px or greater for font-size.I have tried every way given on any forum or on google.

The errors are:
1.Text too small to read
2.Clickable elements too close together
3.Content wider than screen
here is google search console shows https://search.google.com/test/mobile-friendly?id=nlUriYw7QNXSziHgKtA4_Q

here is website link I need help for https://sillycorners.com

• This reply was modified 3 years, 8 months ago by sillycorners.
• This reply was modified 3 years, 8 months ago by sillycorners.
• This reply was modified 3 years, 8 months ago by sillycorners.
• This reply was modified 3 years, 8 months ago by sillycorners.

Hi @sillycorners – your site is not built with GeneratePress and we can only offer support to our theme users. For specific help you will need to ask your theme author….

For general advice you may find this article useful:

https://docs.generatepress.com/article/text-too-small-to-read-and-clickable-elements-too-close-together/

I be here looking for the same issue for my affiliate website you can checck out the website for the sake of your help bestinflatablekayaks.us
I resolved it by using sir Shivam Pandey code that is

body .grid-container.header-advert {
    max-width: 728px;
    max-height: 90px;
    box-sizing: border-box;
    margin-top: 1em;
}

you people can see for your help……bestinflatablekayaks.us