Thumbnails on product page don't enlarge when clicked (Dawn)

Store Design
1

Hi everyone, hope you can advise on the following.

In Dawn theme, I’m using thumbnails carousel on a product page. It works fine on mobile, or when the desktop screen width is less than 1000px:

PavelLin_1-1675870591261.png
PavelLin_1-1675870591261.png1092×621 318 KB

But when the screen width is more than 1000px, the enlarged image is not large enough:

PavelLin_2-1675870701907.png
PavelLin_2-1675870701907.png1262×452 216 KB

Product URL: https://brainyband.com/products/multimany
Many thanks in advance for any ideas!

2

Hello @PavelLin
i checked your issue ad it is due to your main uploaded images are not uniform size i suggest to use 1000x1000px images on product and variants.

see below image is only 600x390 px which is very small in case o desktop view

techlyser_ecom_0-1675872578538.png
techlyser_ecom_0-1675872578538.png1917×990 207 KB

3

Hi @PavelLin ,

This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/section-main-product.css->paste below code at the bottom of the file:

@media screen and (min-width: 1000px) {
    .product__media-list li {
        width: 100% !important;
    }
}

I hope it would help you
Best regards,

Kate | PageFly

4

It worked - thank you so much Kate!