Streaming live at 10am (PST)

White space to the right


#1

Howdy,

My page has a lot of white space on the right when viewed on the iPhone is both Safari and the Google app.

Google - the page loads ok, but there is the weird white space on the right


http://npi.webflow.io/i
Apple Safari

All of the site that I've tested work fine in both browser.

Thanks in advance for sharing your geek skills.
~:-)


#2

@odog, can you post a read-only link of your site, so that we can take a look at the back-end to see what is going on?


#3

Thanks Seank,
Oops, I should have added it before.

https://preview.webflow.com/preview/npi?preview=b93098fafc77f1cfb703ae4d523804eb


#4

Hi odog.

it does happen also in the designer. Just scroll to the left:

https://v.usetapes.com/EMgsGRmXHB

When this happens, it means there's an element sitting on the right or an element that have big dimensions. So you either need to pass an element overflow hidden so it doesn't get funky dimensions, or alter the width of some element. let's see...

Here you go.

https://v.usetapes.com/traG8AG8Lc


#5

Vincent Rocks!
Thanks so much for teaching me how to get it sorted!


#6

You've noticed I quite didn't find the exact reason for each of the gaps but by passing the sections overflow:hidden, I eradicated the issue.

Gaps on the right on mobile views is a common thing happening when designing with Webflow.


#7

V,
It helped me figure out how to fix it on the page and others.


#8

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