Debut theme product photos question

[Rae_lastingimp]

Hi all- I currently use the Debut theme for my online store and recently noticed that alternate photos  for my products are not listed horizontally anymore. Instead they are vertical. Can someone help me figure out why this has changed? 

[dmwwebartisan]

@Rae_lastingimp 

Please share your website URL and password if any. I will check if this is quickly possible.

Thanks!

[Rae_lastingimp]

www.LastingImpressionsTexas.com

[Rae_lastingimp]

Hi. Thanks for the help. My website is www.LastingImpressionsTexas.com

[dmwwebartisan]

Thanks for the url, Please share a screenshot where you need this.

[Rae_lastingimp]

Here is an example.

[dmwwebartisan]

@Rae_lastingimp 

Please add the following code at the bottom of your assets/theme.scss.liquid file

@media only screen and (max-width: 989px){
.product-single__thumbnails-item { width:65px; float: left;}
.slick-initialized .slick-slide {width: 420px !important;}
}

@media only screen and (min-width: 990px){
.product-single__thumbnails-item--medium {float: left;}
.product-single__thumbnail-image {max-width: 90px !important;}
}

Hope this works.
Thanks!

[Rae_lastingimp]

Yes! That fixed the issue on a desktop, but the images still aren't showing
up on mobile.

[Rae_lastingimp]

Here is a screen shot of the problem on mobile. 

 

[dmwwebartisan · Accepted solution]

@Rae_lastingimp 

Please add the following code at the bottom of your assets/theme.scss.liquid file

@media only screen and (max-width: 749px){
.thumbnails-wrapper .slick-list {width: 100%;}
}

Thanks!