How can I display one product per row on mobile using Shella theme?

Store Design
1

Hello there,

Im would like to display one product per row when viewed on mobile. Help please!

https://artisan-21.myshopify.com/

2

hii, @lukasz666
Paste this code on top of the style.scss file.

.col-6 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

Thank You.

3

gold. Works perfectly thanks a lot!

4

@lukasz666
Welcome.

5

Im sorry I was too fast.

It works perfect on mobile but it switched desktop to 1 product also ( I would like to keep 3 products desktop / tablet and 1 product mobile.

Can you help with that?

Luk

6

@lukasz666
Add this code.

@media only screen and (max-width: 768px) {
.col-6 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}
}

Thank You.

7

fixed. thanks!

8

@lukasz666
Welcome!

9

@Zworthkey thank you for your help.

This feature added to the theme options now.