How can I create a sliding thumbnail gallery in the Dawn theme?

[truestilo]

Hello, how can I create a main image with thumbnails sliding below it? I've experimented with various settings, but the Dawn theme consistently displays all images in a row instead of featuring one main image followed by the rest below. Adjusting the mobile layout settings hasn't made much of a difference. Could you please advise?

my website is

www.alexkuznetsov.org

[truestilo]

are there anybody who can advice? thank you!

[KetanKumar · Accepted solution]

@truestilo 

oh sorry for that issue, yes please try this code 
1. Go to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.

@media (max-width: 749px) {
.product__media-wrapper .grid--peek.slider--mobile .grid__item {
    width: 100% !important;
}
}

[truestilo]

thank you! it works!