How to make a column element scroll horizontally on mobile?

[brandon]

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:

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:

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.

[rory]

Hey @Brandon, I faced a similar issue recently.

For the smaller screen, make sure it’s still set to Layout direction to Horizontal.

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

[chaefner]

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?