We’re having trouble with an animation which we think is causing an issue where the page is stretched too far to the right. Images below on mobile, if you scroll to the left it shows a white empty space.
Hey @DroneMotion. I’m assuming the container of the animation is larger than the screen width. What you could do is make sure the container is 100% width, and make sure to set Overflow to Hidden. That way when the drone is out of the screen, the extra white space will not be created.
Thanks for the reply. That makes sense, I’ve changed the Overflow to Hidden, but i can’t seem to change the container width at all. Any ideas on how to do this?
PS: I’ve added a screenshot of the container boundaries.
Oh you are using a container (it’s like a responsive div, but the width is locked). Replace it with a DIV element instead, you’ll be able to control the width at every breakpoint.
Right I see! I tried doing that but still no luck. I even deleted everything in that section and it still happens. What do you think could be doing this?
Bump. This is happening on another website of mine. If an animation goes off the screen on desktop, it’ll cause mobile view to scroll all the way off the page.