[Support request] Mobile usability issue

[lee]

hi.
I am also experiencing the problem of Mobile usability issue.
My problem is like below problem.
https://generatepress.com/forums/topic/mobile-usability-issue/
The solution I took was to uninstall WP Rocket and upgrade PHP.
The result is displayed on the mobile screen when I currently render.

But there are still unresolved issues.
This triggers “content is wider than screen” errors in my google search console.
This part is unresolved.

There is one thing I don’t understand.

We are operating two different sites, and they are structured with the same CSS.

But 2 are fine, and currently only 1 site is causing problems.

Also, the problem occurred from the time of google spam update on October 20th.

I don’t know if I should look at it as a google problem or if it’s a CSS problem.

[Fernando]

Hi Lee,

Can you try adding this in Appearance > Customize > Additional CSS?:

html, body {
    overflow-x: hidden;
}

[lee]

Hi. Fernando

Of course I applied.

But I haven’t been able to solve it.

[Fernando]

I see. Can you share the link to the site in question?

[lee]

Of course

I am grateful for your help.

[Fernando]

I tried testing your site here: https://search.google.com/test/mobile-friendly, and I didn’t get any errors.

Can you try testing there as well?

It might be a false positive. It might be good to ask Google to recrawl your site: https://developers.google.com/search/docs/crawling-indexing/ask-google-to-recrawl

[lee]

I’m having a hard time with this.
At first, no error occurred, but after re-crawling, the error appears.

And after indexing without any problem, a problem occurs a few days later.

Currently, there is no problem when performing a live test.

[lee]

I’ll share another URL in question.

I need your help.

[Fernando]

Can you go to “More information” in your test, and check if all the resources were loaded?

When I retested, some resources weren’t loaded. See here on how to address such an issue: https://docs.generatepress.com/article/text-too-small-to-read-and-clickable-elements-too-close-together/#my-site-passed-all-of-the-tests-so-why-am-i-receiving-these-aler

[lee]

hi. Fernando

The method you mentioned has already been applied. But Google doesn’t respond.

[Fernando]

Can you try temporarily disabling all caching/optimization plugins and then retest?

[lee]

Hi. Fernando

I’ve already done everything and in conclusion I shouldn’t use wp Rocket.

In order to become mobile render when page render is done, the optimization plugin has been removed. When used, it is rendered in tablet style.

[Fernando]

Or, another idea would be to keep WP Rocket, and try to critically load the CSS here if it’s possible: https://generatepress.com/forums/topic/mobile-usability-issue-2/#post-2383602

Perhaps you can reach out to their support for guidelines on how to do this.

[lee]

I applied that part.

But it doesn’t work properly.

When I checked various things, I thought it was a Google problem.

When I render, the result is different every time.

It seems difficult to see this as a CSS problem. What do you think?

[Fernando]

When you say it renders different every time, are you referring to the Mobile friendly test or just the how the page loads in general?

[Author]

Posts