Home pages slides around on mobile

[tflavi2]

My homepage sides around on mobile. If you drag it you can move the whole page left and right. My other pages do not do this. Does anyone know why this could be happening?

http://istservice.webflow.io/

It’s some kind of bug with the sliders. If I take out the strategy slider it stops moving around. However the logos slider higher up the page does not cause the issue. However, if I copy and paste the logo slider into a new slider section it does cause the issue. Can anyone help me troubleshoot this?

https://webflow.com/design/istservice1084030 <— Here’s a dup page

[PixelGeek (Nelson)]

Can you supply us with your project’s read-only link?

How to Enable a Webflow Share Link

this will help us troubleshoot your issue easier.

cheers,

[tflavi2]

I figured it out. I’d moved the arrows over a little on a slilder. Also, I had created an animation that faded the whole slider in from the right. That made the mobile browser think that there was more over there. Here is what I changed:

Line 3998 of webflow.js
CHANGE:

{“slug”:“slide-in-map”,“name”:“Slide In Map”,“value”:{“style”:{“opacity”:0,“x”:“100px”,“y”:“0px”},“triggers”:[{“type”:“scroll”,“stepsA”:[{“opacity”:1,“transition”:“transform 1000ms ease 0ms, opacity 1000ms ease 0ms”,“x”:“0px”,“y”:“0px”,“scale”:1}],“stepsB”:}]}},

TO THIS

{“slug”:“slide-in-map”,“name”:“Slide In Map”,“value”:{“style”:{“opacity”:0,“x”:“0px”,“y”:“-100px”},“triggers”:[{“type”:“scroll”,“stepsA”:[{“opacity”:1,“transition”:“transform 1000ms ease 0ms, opacity 1000ms ease 0ms”,“x”:“0px”,“y”:“0px”,“scale”:1}],“stepsB”:}]}},

Lines 1959-1964 in istservice.webflow.css

CHANGE THIS:

.right-arrow {
margin-right: -10px;
}
.left-arrow {
margin-left: -10px;
}

TO THIS:

.right-arrow {
margin-right: 0px;
}
.left-arrow {
margin-left: 0px;
}

[tflavi2]

For the curious:

https://preview.webflow.com/preview/istservice?preview=a0ce90e79defaae28acde3aa03bff8ba

[jdesign (Jason Gipson)]

Glad you resolved this. Usually, I find the sliding issue is caused by not having the overflow setting set to hidden in some area on the page.