# How to make a column element scroll horizontally on mobile?

**URL:** <https://community.weweb.io/t/how-to-make-a-column-element-scroll-horizontally-on-mobile/3428>\
**Category:** Ask us anything\
**Created:** [July 7, 2023, 8:59pm UTC](https://community.weweb.io/t/how-to-make-a-column-element-scroll-horizontally-on-mobile/3428 "2023-07-07T20:59:21Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![brandon](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/brandon/32/2804_2.png) [@brandon](https://community.weweb.io/u/brandon)\
**Post date:** [July 7, 2023, 8:59pm UTC](https://community.weweb.io/t/how-to-make-a-column-element-scroll-horizontally-on-mobile/3428/1 "2023-07-07T20:59:21Z")

</div>

I’m trying to replicate what I have built out on my current Bubble site. You can see here that I’ve got a “Repeating Group” that shows 5 items in a nice row on desktop:

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/7/70acc28f8c3dfb4a01855240a4f8b958c52d9ede.jpeg)

When I shrink the browser down to something similar to a mobile experience, rather than stacking the products vertically, it’s set to keep the same height and allow the user to swipe/scroll horizontally:

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/9/95aefc1ebc6a9b544cb8f1e3d535b4827d1d6631.jpeg)

Currently in WeWeb, I’ve got a similar setup using the column element, but no matter what I try, **I can’t get it to scroll horizontally** on smaller screens and I can’t seem to find any documentation on how to achieve this quite yet.

---

<div class="post-metadata">

**Author:** ![rory](https://avatars.discourse-cdn.com/v4/letter/r/a183cd/32.png) [@rory](https://community.weweb.io/u/rory)\
**Post date:** [July 8, 2023, 1:32am UTC](https://community.weweb.io/t/how-to-make-a-column-element-scroll-horizontally-on-mobile/3428/2 "2023-07-08T01:32:26Z")

</div>

Hey @Brandon, I faced a similar issue recently.

For the smaller screen, make sure it’s still set to Layout direction to Horizontal.  
 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/2/20f16b8000e24bc03e5b351c31255506874832f9.png)

You may also have to set the Effects Overflow to scroll or Auto.  
It’s just under Borders & Shadows.

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/8/813d7b9b682b2f5fdbc2dddcb294dbf5b8fb2890.png)

---

<div class="post-metadata">

**Author:** ![chaefner](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/chaefner/32/9652_2.png) [@chaefner](https://community.weweb.io/u/chaefner)\
**Post date:** [July 22, 2024, 10:50am UTC](https://community.weweb.io/t/how-to-make-a-column-element-scroll-horizontally-on-mobile/3428/3 "2024-07-22T10:50:41Z")

</div>

I’m trying to accomplish the same. With the settings above and Overflow:Auto, I can scroll horizontally. However, I cannot drag with my mouse / finger.

@rory Do you also have a solution for that?