Page 1 of 1

Content wider than screen

Posted: Thu Dec 30, 2021 5:26 am
by kevindef
Hi

First and foremost, let me wish you and your loved ones a Merry Christmas and a Happy New Year 2022!

The question: Even though I have optimized my website to mobile viewports (960, 768, 480, 320), I still keep getting a Mobile Usability error message from Google:

"Content wider than screen
Horizontal scrolling is necessary to see words and images on the page. This happens when pages use absolute values in CSS declarations, or use images designed to look best at a specific browser width (such as 980px). To fix this error, make sure the pages use relative width and position values for CSS elements, and make sure images can scale as well. Read more in Size Content to Viewport"

I have done everything right, and there are no "Error Report" on the page in WWB too. This is the last website project I have published, and recived the error report from Google
Any ideas as to why Google keeps informing me of this error?

Re: Content wider than screen

Posted: Thu Dec 30, 2021 7:55 am
by Pablo
It may be related to the scroll animations you have used. These animations move the element outside the viewport because that is the start position of the animation, this may confuse Google.

Re: Content wider than screen

Posted: Mon Jan 03, 2022 5:42 am
by kevindef
Oh yes, that could be it. Thanks for confirming that Pablo.