Horizontal Scroll Bar on mobile about sal HOT 4 CLOSED

You should add overflow: hidden to parent of <div data-sal="slide-left">. If you need some assistance, please create a demo using Codesandbox. It will help us with debugging.

from sal.

Probably, some element is exceeding window's boundaries. Even if you apply transform to element, it can expand browser's window causing horizontal scroll to appear. Try to add overflow: hidden; to container with animations. Let me know if it solves your problem.

from sal.

I was able to figure out which one is causing it and it's an image that I have on the site, I am using bulma and it's in a column but adding overflow hidden to both the animation div or the child div doesn't do anything

<div data-sal="slide-left" > <div class="column is-6" style="overflow: hidden;"><img src="../assets/faux-code.png" alt=""></div> </div>

from sal.

Thanks that fixed it.

from sal.