Horizontal Scrolling on Mobile Only

I am new to Weblfow and I’m really struggling to identify why my site has horizontal scrolling on mobile devices. I’ve searched my code as much as I can and I can’t for the life of me figure this out. Any help would be greatly appreciated.


Here is my site Read-Only: https://preview.webflow.com/preview/enrollsy-2?utm_medium=preview_link&utm_source=designer&utm_content=enrollsy-2&preview=bd4ece7b274676a601b9862a3a3be4a3&pageId=5dbc89ced2d62624bec923eb&mode=preview

Hi @Enrollsy

It will be almost impossible to find what’s the problem without a link to the published site :slight_smile:

Sorry about that. I thought the read only link would do the trick. Here it is:

https://enrollsy-2.webflow.io

Hi @Enrollsy,

It looks like you have a couple of elements that are going outside the canvas.

Columns can be tricky, you may want to use a good old div instead, you’ll have better control.

Thanks for taking a look and for your comment. I’ll look into that and see if eliminating the columns does the trick, but I’m pretty sure this was happening on pages without columns (prior to adding columns).

Hey @Enrollsy,
Definitely this one:


On tablet and mobile portrait.

@avivtech, that’s it! Once I set the overflow to hidden, h-scrollbar is gone! Thank you for your help!!!

1 Like