How to increase spacing between product images?

8 minutes ago, Inkdave said:

Hi All

I'm struggling to increase space between product imagery when imagery is set to stacked on mobile view.

I thought this would work but has no effect.

/* Products space */
@media screen and (max-width:767px) {
.products.collection-content-wrapper .grid-item.is-loaded {
    margin-bottom: 20px;
}
}
Page example:
https://www.inkcandy.co.uk/shop/p/shining-fluro-pink

You can see spacing between imagery on mobile view is really tight... I would like to increase. Driving me crazy, please help.

Many thanks in advance.

Hi, try adding this code to custom css:

@media screen and (max-width:767px) {
  .ProductItem-gallery-slides-item {
    margin-bottom: 20px;
  }
}