grid collection list in mobile

Solved
amit101297
Explorer
85 1 21

Hi,

i'm using in ventuer theme

How can i change the grid of the collection list in the mobile display, there is currently one image per line

I need to have at least 2 pictures in each row

my site: https://www.outfiteam.com/

צילום מסך 2020-08-22 ב-23.27.36.png

thank you!

KetanKumar
Shopify Partner
20503 2120 7731

This is an accepted solution.

Hello, @amit101297 

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

@media only screen and (max-width: 749px) {
#collection-list-grid .grid__item {
    width: 50%;
}
.featured-card--contain {
padding: 6px;
}
}

 

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
0 Likes

This is an accepted solution.

@amit101297 here is how to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid and paste this at the bottom of the file:



You can change the 0px to any value you want, it is the bottom spacing on mobile devices. Example: -40px or 40px



 

@media only screen and (max-width: 749px) {
#shopify-section-featured-collections .grid__item{
    width: 50% !important;
    margin-bottom: -00px;
}
}

 


Please let me know whether it works.

Kind regards,
Diego

 

◦ Product page slider & thumbnails with swiping for free themes: Minimal | Debut | Brooklyn | Supply
◦ Replace apps with simple copy/paste code snippets. Examples clicking here.
0 Likes
LowTides
New Member
2 0 1

Do you know how to do this for the Venue theme?

KetanKumar
Shopify Partner
20503 2120 7731

@LowTides 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

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
0 Likes