Streaming live at 10am (PST)

Mobile Site Jitters & Whitespace


#1

Hello All,

Almost done developing this site for my foundation. The "Who We Are" area shakes/jitters when viewed on a mobile device (observed on Safari & Chrome). I couldn't capture this with a screenshot but it does show some white space to the right of the section. It goes back to normal when you scroll past this section. I'm sure there is an element causing this that I'm not seeing. Any help is much appreciated.

You can see the whitespace when you enlarge the photo:

Here is my read only public share link: https://preview.webflow.com/preview/dwhf2nd?preview=17ad02c6d7a1d9b83b704732a6f61f34

Here is the published site link: http://dwhf2nd.webflow.io/


#2

Could you share a read-only link? Without being able to look I'd guess you have a section too wide for the mobile size, need to hide overflow, and maybe need to add anti-alias code for your font.


#3

Hi @jdesign. Here is the link:
https://preview.webflow.com/preview/dwhf2nd?preview=17ad02c6d7a1d9b83b704732a6f61f34


#4

It looks like you have "height" set on some of your sections making them a fixed height which could cause some of the jumping on mobile. I'd suggest changing that to min height or auto and use padding or margins to adjust.

Also, your We Believe heading interaction might be part of the issue. Try turning it off and/or making that section's overflow hidden. Actually it looks like you need to set overflow to hidden on a few sections so that the white space doesn't happen on mobile.

See if that helps.


#5

Just wanted to leave an update that I was able to fix the issue with the spot on tips provided by @jdesign. This forum has been invaluable.


#6

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