ScrollTrigger Horizontal doesn't do his thing in mobile
Hello, I'm trying to make a Timeline using scrolltrigger, I'm quite new to gsap and developpement.
The thing works quite fine but on mobile, when I press f12 the scrolltrigger doesn't pin and animate.
Have you any idea to solve this ?
See the Pen LYjWwxG by beatlesbob (@beatlesbob) on CodePen
Hello @BeatlesBOB
Try setting overflow-x to hidden on your .wrapper - that overflow is probably what's causing the whole layout to shift in that view. It does fix it for me - is that better for you, too?
Edit: I suppose you are talking about the dev-tools opening on press of F12 (Chrome on Windows does that) and the mobile view of the dev-tools accordingly-.
.wrapper{
display: flex;
flex-wrap: nowrap;
overflow-x: hidden;
}