How To Change No. Of Product Columns on Mobile Only.

Solved
New Member
4 0 0

Pls can ne1 help?

 

I would like to change the number of columns on the home page and the product page on mobile devices. By default the Simple theme displays 3 columns of products on computers and 2 columns of products on mobile. I would like them to be the same

0 Likes
Shopify Expert
2486 416 523

Hi @KeyitDay 

Send your store url

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
New Member
4 0 0
Shopify Expert
2486 416 523

So you want to show  product/row in mobile view?

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
New Member
4 0 0

How to make product grid display as 3 columns instead of 2 on mobile layout. Web layout shows 3 columns mobile shows 2 columns pls I want 3 columns, same as web layout

0 Likes

Success.

Shopify Expert
2486 416 523

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

 @media only screen and (max-width: 767px) {
       .featured-products .grid__item.small--one-half{width:33.33%;}
       .featured-products .grid--uniform .small--one-half:nth-child(3n+1) {clear: both;}
       .featured-products .grid--uniform .small--one-half:nth-child(2n+1) {clear:inherit;}
 }
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
New Member
4 0 0

thank you so much

 

I am sending you e-mail now

0 Likes