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

[HannahLain]

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

[KetanKumar]

@HannahLain

do you mean like this?

[HannahLain]

Yes exactly!!!

[KetanKumar]

@HannahLain

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

[HannahLain]

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]

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]

@HannahLain

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

[HannahLain]

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

[KetanKumar]

@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%;
}
}

[HannahLain]

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.