Change product page images

[Nattlig]

Hey guys, I have a problem with the secondary images (under the big image) on my product page.

It shows only three and uses a lot of space for arrows (see image). I want to remove the two arrows to allow for more visible secondary images (maby 1 more image down there). There is no option to do this so does anyone have a solution?

Here is the landing page: https://nattlig.no/products/nattligputen

[namphan · Accepted solution]

Hi @Nattlig,

Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

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