Removing the gap caused by the small pictures on the side

[Mati124]

Hi, I want to remove this gap, I think it could be done if the last 2 small pictures that I mark with arrows did not appear on the side, that is, if the side showed 6 small pictures at most and then there was this arrow expanding the rest of the pictures.

Here is the link yo this particular product page

[Spac-es]

I need the link and I will do it for you in a moment.

[Mati124]

thanks for your patience, here I send this link below, and one more request, could you write such a css code, because probably in it you will take care of this issue so that I can then paste it myself to other product pages, because this is not the only page where this happens

https://moogi.pl/products/tummy-control-panties?_pos=1&_psq=tummy&_ss=e&_v=1.0

[PageFly-Richard]

Hi @Mati124

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

You can decrease the 640px value to match with your requirements.

Hope this can help you solve the issue

Best regards,

Richard | PageFly

[Spac-es]

No problem! Here is the code you can add to your theme.css:

@media screen and (min-width: 970px) and (max-width: 1000px) {
  .product-thumbnails {
    height: 300px;
  }
}

@media screen and (min-width: 1000px) and (max-width: 1300px) {
  .product-thumbnails {
    height: 400px;
  }
}

@media screen and (min-width: 1300px) and (max-width: 1500px) {
  .product-thumbnails {
    height: 500px;
  }
}

@media screen and (min-width: 1500px) {
  .product-thumbnails {
    height: 100%;
  }
}

This will add the so-called responsive to your vertical image carousel, that is, depending on the width of the device, that section will have one height or another.

This solution will remove the extra space below the image.

[Spac-es]

The solution that PageFly-Richard has given you is not the correct one. On other devices the height is not adjusted and you will still have the same problem. I highly recommend you add the code that I proposed in my previous answer.