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
22541 2281 8387

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

 

◦ Slideshow section not looking good? Try the Slideshow (PRO) section. No apps required.
◦ Product page images slider for free themes (w/ 20+ customization options): Minimal | Debut | Brooklyn | Supply
◦ If my answer helps you please click on like and Accept as solution!
0 Likes
LowTides
Tourist
3 0 1

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

KetanKumar
Shopify Partner
22541 2281 8387

@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
Koustubh
Tourist
4 0 1

How to do this for the prestige theme on mobile view?

here is the link

https://finerfabric.com/

LowTides
Tourist
3 0 1
KetanKumar
Shopify Partner
22541 2281 8387

@Koustubh 

sorry for that issue but i can see its proper 

KetanKumar_0-1628558735021.png

 

@LowTides 

can you please provide screenshot where do you have change this?

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
Koustubh
Tourist
4 0 1

On the home page. 

The collection List Right under the banner(slideshow).

I have to swipe for the next collection to appear. I want it in grid form and two In one row

 

123456.PNG

0 Likes
Koustubh
Tourist
4 0 1

In desktop view It shows two in a row but in mobile I have to swipe

0 Likes