We use rellax in a section to scroll an image a little faster than the website. We have a large image. For smaller screens, a portion of the image is shown.
When we run URL Inspection in the Google Search Console, we get the "Content wider than screen" error. Because of this error, Google flags our site as "not mobile friendly". The image is being sized appropriately for the screen size.
The error disappears when we remove the img that's being targeted by rellax:
new Rellax('.parallax-content > img' , { center: true });
We use rellax in a section to scroll an image a little faster than the website. We have a large image. For smaller screens, a portion of the image is shown.
When we run URL Inspection in the Google Search Console, we get the "Content wider than screen" error. Because of this error, Google flags our site as "not mobile friendly". The image is being sized appropriately for the screen size.
The error disappears when we remove the img that's being targeted by rellax:
new Rellax('.parallax-content > img' , { center: true });
I'll update if we resolve the issue.
Thanks, Erhan