Mobile Homepage Header not Full Width

For some reason when viewing on an iPhone…my homepage has a white right side border.

This is ONLY on the home page. Every other page fills the blue area from side to side completely.

Hoping someone can tell me what I need to do to fix this…

Thanks in advance…


Here is my public share link: https://preview.webflow.com/preview/richmondbedding?preview=3896319f4e8acd1951bc72106e27911e

Can you share the link to your live link so i can see it on a phone? Its likely that you you have something overflowing incorrectly. Check out this post Width Formatting Help - General - Forum | Webflow that helped me with the same issue.

here you go: www.richmondbedding.com

That’s a head-scratcher…

It looks like there is a gap along the entire right side of the page all the way down to the footer. Even the images in the main content area are not centered as they should be. At first I thought that maybe you had turned Overflow Scroll on or something.

Nothing obvious to me.

Jfly

Looking at this further, it seems that the “Verified Reviews” badge might be the causing the extra margin on the right.

@JFly is right. I can’t seem to see the code you’re using for the verified reviews badge. Is it possible you’ve removed it from your Webflow project, @tahiles?

The Verified Reviews code is site wide. The space is only on the home page.

Can’t understand how it would cause a space there and nowhere else???

I couldn’t seem to find that badge in the designer view to try to troubleshoot it. Is it being loaded dynamically somehow?

Hey JFly
Try giving your body class a overflow of hidden :smiley:

David

1 Like

Figured it out…or should say my Designer did…in about one minute…

The bottom box…"Find Us: was set at 110% width…

Thanks for looking guys…really appreciate it…

Oh! Well that explains everything haha :laughing:

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