How can I modify mobile display in venture theme for collection list grid?

Store Design
1

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
ืฆื™ืœื•ื ืžืกืš 2020-08-22 ื‘-23.27.36.png820ร—1308 99.2 KB

thank you!

2

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;
}
}
3

@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

4

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

5

@LowTides

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

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

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

6

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

here is the link

https://finerfabric.com/

7

www.lowtidesop.com

8

@Koustubh

sorry for that issue but i can see its proper

KetanKumar_0-1628558735021.png
KetanKumar_0-1628558735021.png1920ร—1080 418 KB

@LowTides

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

9

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
123456.PNG1718ร—809 210 KB

10

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

11

@KetanKumar

12

How can I accomplish this in the Atlantic theme please!!

13

@yodendaal

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

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

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