Mobile view scrolls left and right

Design help General
1

My site is wobbly on my iphone, meaning it can be pushed left and right like this:

750×1334 534 KB

I’ve checked to see on the designer, also in xray mode, to see if any elements are larger than they should, but everything seems to be within the screen size. It doesnt scroll left and right in the designer mobile view mode.

Odd thing is that everytime I scroll down to the Blog Section, the entire site becomes normal, not scrolling left and right:

750×1334 260 KB

How do I fix this so it doesnt scroll left and right?

Here is my public share link: LINK
(how to access public share link)

2

Hi, @mrhedgie

Could you share the link to published site, please?

3

its crowdfundland.co

4

Ok, so you have an animation when one of the team members info sliding in from the right side. Initial state of that column cause the overflow and that is why you have this horizontal issue.

Set the row, which contains the team members info to overflow: hidden. Should fix the problem

Cheers,
Anna

1 Like
5

WOW @sabanna , that fixed it! Can I ask how did you even see that? Is there a mode where i can see all the initial states?

1 Like
6

There is no such mode. It is just common issue. Right slide animation will cause overflow unless parent of the animated object has overflow: hidden

7

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