Extra width(white space) on my mobile version website

Community resources General
1

Hi guys. I know this might be a rookie problem but I do need some help here.

My website always has extra width (or white space) on the mobile version. Kindly take a look at the screenshot attached.

I tried to debug it on Chrome dev console but I didn’t find any element that causes this. Is it because of the animation?

Here is the link
https://preview.webflow.com/preview/deanlong?utm_medium=preview_link&utm_source=designer&utm_content=deanlong&preview=39d546049e7021c4a14eb9517020aa7f&mode=preview

Thank you for your help :slight_smile:

image
image427×798 50 KB

2

Unfortunately I don’t have time to really dig in to it as there’s a lot going on there, but a common cause for this is animations that start offscreen. If you have any instances of this, check whether the parent element is set to show or hide overflow - that could solve it.

As an aside, I’m only seeing superfluous space at a viewport width of 300px or below - that seems to contrast with the screenshot you included. Have you managed to partially resolve this since posting?

3

Hi Andy

Thank you so much.
I check the parent elements that have animation and set the overflow either “none” or “Auto”.

Now everything is fixed and it still has the animation in the mobile version. May I ask what’s the reason for that?