How to configure mobile grid for product collections in Fresh theme?

HannahLain
Tourist
8 0 4

Hello! 

I am trying to have my product collections show up as a grid in mobile view just how it does in desktop view. 

 

wholesale.lotusenergydrinks.com

0 Likes
KetanKumar
Shopify Partner
23551 2373 8662

@HannahLain 

do  you mean like this?

KetanKumar_0-1632535819045.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
HannahLain
Tourist
8 0 4

Yes exactly!!!! 

KetanKumar
Shopify Partner
23551 2373 8662

@HannahLain 

thanks for confirm, sorry but now i have not able to store

KetanKumar_0-1632540318774.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
HannahLain
Tourist
8 0 4

It's locked to visitors since it's a wholesale website. I can set up a test account for you if you give me your email address?

HannahLain
Tourist
8 0 4

I sent an invite to the website to the email address you provided! I didn't realize it was there at first. You'll have to create an account there to access it! 

KetanKumar
Shopify Partner
23551 2373 8662

@HannahLain 

thanks but i haven't received any email please just sent preview URL no login   

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
HannahLain
Tourist
8 0 4

The URL is https://wholesale.lotusenergydrinks.com/ but you wouldn't be able to view anything unless logged in... I resent an invite! 

KetanKumar
Shopify Partner
23551 2373 8662

@HannahLain 

yes please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme-collection.min.css ->paste below code at the bottom of the file.

@media screen and (max-width: 767px) {
.product-grid .indiv-product-wrapper {
    flex: 0 0 50%;
    max-width: 50%;
}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
HannahLain
Tourist
8 0 4

I appreciate your continued help with this. This is what the file said, so I followed the instructions to change it to the use the unminified versions, and followed your same instructions in Asset->/theme-collection.css, and it didn't work.  

HannahLain_0-1632754177192.png

 

0 Likes