Single column mobile Shella theme

[lukasz666]

Hello there, 

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

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

[Zworthkey · Accepted solution]

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.

[Zworthkey · Accepted solution]

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.

[lukasz666]

gold. Works perfectly thanks a lot!

[Zworthkey]

@lukasz666 
Welcome.

[lukasz666]

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

[Zworthkey · Accepted solution]

@lukasz666 
Add this code.

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

Thank You.

[lukasz666]

fixed. thanks! 

[Zworthkey]

@lukasz666 
Welcome!

[MPI_themes]

@Zworthkey thank you for your help.

This feature added to the theme options now.