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
2595 310 645

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

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

View solution in original post

Zworthkey
Shopify Partner
2595 310 645

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

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

View solution in original post

Replies 8 (8)
Zworthkey
Shopify Partner
2595 310 645

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

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | 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
2595 310 645

@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

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | 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
2595 310 645

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

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

View solution in original post

lukasz666
Tourist
6 0 3

fixed. thanks! 

Zworthkey
Shopify Partner
2595 310 645

@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

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | 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/