Content Wider than screen mobile

Google is suddenly saying homepage is not mobile friendly, for content being wider than the screen. I can’t see where this is occuring. I recently updated the header.

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.

Hey Paul,

I checked your site and I don’t see any horizontal scrolling so I’m not sure why Google is flagging it as not mobile friendly. It might be because of the button. It’s cut-off. Try reducing the Image element (logo) width on mobile using the Responsive Styling options.

image

image

If your header is crowded on mobile, another solution also is to hide elements Hide During Breakpoints feature.

Hope that helps.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.