How to reduce size of Shopify media carousel

Store Design
1

Hi, I’m having trouble figuring out how to reduce the size of my variant carousel shown in the provided image below. I wish to make all four images directly visible on mobile by reducing the overall size of the carousel box.

example.png
example.png1475×880 174 KB

The link to my site is here:

https://scrollclean.com/products/order?variant=43056496509165

Thanks in advance!

2

Hi @UltimateBrain ,

Go to Assets > base.css and paste this at the bottom of the file:

@media screen and (max-width: 749px) {
  .thumbnail-list__item.slider__slide {
    width: calc(25% - 0.6rem) !important;
  }
}

Hope it helps!