How do I eliminate the gap between the primary photo and additional photos

Store Design
1

Hello. I’m using the “Debut” theme and if you click on any product there is a huge gap between the main photo and the additional photos for the alternates. You can see in the screen shot below. The main photo looks good but instead of the alternate photos with different color mattes being just under the main photo there is a ton of empty white space.

Also, is there a way to have the additional photos in a scroll bar so maybe 3-5 would be visible at a time instead of all of them? Thank you

The URL if you need it is FramedMemoriesNYC.com

Screen Shot 2022-05-04 at 11.52.05 AM.png
Screen Shot 2022-05-04 at 11.52.05 AM.png1461×976 159 KB

1 Like
2

@Yorgo1960

Please add the following CSS code to your assets/theme.css bottom of the file.

@media only screen and (max-width: 749px){
.product-single__thumbnails-item-slide {height: auto !important;}
}

@media only screen and (min-width: 750px){
.product-single__media-group .product-single__media {height: auto !important;}
}

Thanks!

3

That worked. Thank you so much!!!