Single column mobile Shella theme

Solved
lukasz666
Tourist
6 0 3

Hello there, 

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

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

 

 

0 Likes

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.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
Buy me a coffee ☕ Donate Us
lukasz666
Tourist
6 0 3

gold. Works perfectly thanks a lot!

@lukasz666 
Welcome.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
Buy me a coffee ☕ Donate Us
0 Likes
lukasz666
Tourist
6 0 3

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

0 Likes

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.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
Buy me a coffee ☕ Donate Us
lukasz666
Tourist
6 0 3

fixed. thanks! 

@lukasz666 
Welcome!

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
Buy me a coffee ☕ Donate Us
0 Likes

@Zworthkey thank you for your help.

This feature added to the theme options now.

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