How can I stack product collections on mobile while keeping scroll on desktop?

Hi,

I’m designing my site and would like to make the products in a collection tab stack on mobile (instead of a scroll feature.) I’d love to keep the scroll on desktop, but not on mobile.

Any thoughts?

@kaimarie

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

Yes same problem for me missbeautiful.net

@missbeautiful

sorry for that issue but i can’t see can you please show me

https://8oegqgzygo63vm15-27993866310.shopifypreview.com

I want to code it so it can look have more the one collection

@missbeautiful

like this?

Yes! The current theme I have only lets you slide down to see one collection at a time , I’d prefer to have two collections in a row like you have in the photo

@missbeautiful

yes, please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
@media only screen and (max-width: 749px){
.collection-item {width: 100%;}
}

It didn’t do anything for me ?