Moving Thumbnails to Left Side of Main Product Picture Sense Theme

[TurkishTowels]

Hi,

I really want to move the thumbnails in my product page to the left side of the main product picture in Sense theme. Can anyone assist with this? 

[Moeed]

Hey @TurkishTowels 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,

Moeed

[KetanKumar]

@TurkishTowels 
Sorry you are facing this issue,
it would be my pleasure to help you.
Please share your site URL,
I will check out the issue and provide you a solution here.

[TurkishTowels · Accepted solution]

Hi,

I actually ended up finding the code online somewhere else that worked. All you have to do is copy and paste this code below in the bottom of the "base.css" file under the Assets folder. Also, after putting this code, make sure to go back to Customize and click on the thumbnails you are trying to move and on the right, you need to select "Thumbnail Carousel" in order for it to work. I am going to post the code in case someone else needs it in the future. Here is the code:

@media (min-width: 757px) {

.product--thumbnail_slider .thumbnail-slider {

  align-items: self-start;

}

.product--thumbnail_slider {

position: relative;

}

.product--thumbnail_slider media-gallery {

display: flex;

flex-direction: row-reverse;

}

.product--thumbnail_slider .slider-mobile-gutter:not(.thumbnail-slider) {

width: 100%;

}

.product--thumbnail_slider .thumbnail-slider {

width: 100px;

padding-right: 10px;

}

.product--thumbnail_slider .slider-button {

display: none !important;

}

.product--thumbnail_slider .thumbnail-slider .thumbnail-list.slider--tablet-up {

       height: 100%;

    overflow: scroll;

padding: 0;

display: block;

}

.product--thumbnail_slider .thumbnail-slider .thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide {

width: 100%;

}

}

[TurkishTowels]

do you know of a way I can add arrows to slide through images as well?