Increase gap between product images on collection page

Store Design
1

Hello

I would like to increase the gap between images on desktop, but still have the same number of columns. Is therr anything I can do to fix this?

2

7DFCCDD1-850E-4B14-97AF-930251C8CB6C.jpeg
7DFCCDD1-850E-4B14-97AF-930251C8CB6C.jpeg828×1610 141 KB

3

@jaesielee

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.

4

https://www.sundaypaloma.com

5

@jaesielee

try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
@media screen and (max-width: 749px){
.grid--2-col-tablet-down .grid__item {
    width: calc(48% - var(--grid-mobile-horizontal-spacing) / 2);
    max-width: calc(48% - var(--grid-mobile-horizontal-spacing) / 2);
}
ul#product-grid {
    column-gap: 15px;
}
}
6

It doesn’t work.. :disappointed_face: