Make collection list from top to bottom on mobile

Store Design
, , , , , , ,
1

how can I make the collection list to be from top to bottom instead of the slide?

https://kuvq35v048r9s4jn-52839809193.shopifypreview.com

thanks in advance

orhl1234_0-1723196621966.png
orhl1234_0-1723196621966.png596×628 336 KB

2

Hi @orhl1234 ,

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code just above tag

theycallmemakka_0-1723199113681.png
theycallmemakka_0-1723199113681.png278×591 152 KB

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

3

I can almost mark it as a solution thank you.

But when you slide accidentally to the right, there is a big white block.
how can it be fixed?

orhl1234_0-1723201468155.png
orhl1234_0-1723201468155.png586×780 21.4 KB

4

I can almost mark it as a solution thank you.

But when you slide accidentally to the right, there is a big white block.
how can it be fixed?

https://czwxibzpqcaohcgx-52839809193.shopifypreview.com

5

Hi @orhl1234 ,

Can you provide a full screenshot of the issue? Currently on my end, I cannot scroll the section.

Thank you