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/

 

 

Accepted Solutions (2)

Accepted Solutions
Zworthkey
Shopify Partner
3378 396 781

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. & Want to know more .Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Designing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Zworthkey
Shopify Partner
3378 396 781

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. & Want to know more .Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Designing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 8 (8)
Zworthkey
Shopify Partner
3378 396 781

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. & Want to know more .Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Designing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

lukasz666
Tourist
6 0 3

gold. Works perfectly thanks a lot!

Zworthkey
Shopify Partner
3378 396 781

@lukasz666 
Welcome.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. & Want to know more .Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Designing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
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

Zworthkey
Shopify Partner
3378 396 781

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. & Want to know more .Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Designing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

lukasz666
Tourist
6 0 3

fixed. thanks! 

Zworthkey
Shopify Partner
3378 396 781

@lukasz666 
Welcome!

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. & Want to know more .Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Designing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
MPI_themes
Shopify Expert
109 2 29

@Zworthkey thank you for your help.

This feature added to the theme options now.

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