Change mobile product view for Brooklyn Theme

Solved
humanity
New Member
1 0 0

This didn't work for me could you please help me??

0 Likes
malk
Tourist
12 0 1

Can you please help me out? I really want to show more than one product at a time on mobile. My website is www.shopmalk.com. Thank you! 

0 Likes
Jasoliya
Shopify Expert
4366 574 1100

Hi @malk 

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) {
.grid-uniform .grid__item.grid-product{    width: 50%;}        
    }
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
malk
Tourist
12 0 1
Thank you so much!! That did work but now I get random blank spaces next to some items. I’m attaching a screen shot. Can you please take a look? Thank you!!

0 Likes
malk
Tourist
12 0 1

Thank you so very much! Can you please let me know how to get rid of random blank spaces that I get next to some products? IMG_8658.PNGIMG_8657.PNG

0 Likes
Jasoliya
Shopify Expert
4366 574 1100

Add this code:

@media only screen and (max-width: 767px) {
.grid-uniform .grid__item.grid-product:nth-child(2n+1) {
    clear: both;
}}

 

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

Awesome, that worked! Thank you so so much!!! 

0 Likes
THCLLC
New Member
2 0 0

@Jasoliya Hello, I have the minimal theme and I'm also just trying to have the featured products on a grid view instead of stacked. On desktop its grid view but changes to stacked on mobile can you help my URL is thehustlersculture.com

0 Likes
Jasoliya
Shopify Expert
4366 574 1100

I can see you have already grid view on home page for feature product section.

Best regard 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
THCLLC
New Member
2 0 0
Yea I just kept trying different sequences and finally got it right.
0 Likes