FROM CACHE - en_header

Single column mobile Shella theme

Solved
lukasz666
Excursionist
19 0 4

Hello there, 

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

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

 

 

Accepted Solutions (2)

Accepted Solutions
Zworthkey
Shopify Partner
5581 642 1512

This is an 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.

View solution in original post

Zworthkey
Shopify Partner
5581 642 1512

This is an 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.

View solution in original post

Replies 8 (8)
Zworthkey
Shopify Partner
5581 642 1512

This is an 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
Excursionist
19 0 4

gold. Works perfectly thanks a lot!

Zworthkey
Shopify Partner
5581 642 1512

@lukasz666 
Welcome.

lukasz666
Excursionist
19 0 4

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
Shopify Partner
5581 642 1512

This is an 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
Excursionist
19 0 4

fixed. thanks! 

Zworthkey
Shopify Partner
5581 642 1512

@lukasz666 
Welcome!

MPI_themes
Shopify Expert
112 2 31

@Zworthkey thank you for your help.

This feature added to the theme options now.

Shopify App / Theme developer
https://mpthemes.net/