Product images size automatically changed

Hi there,

try adding this CSS in Customizer > Additional CSS - add it to the very bottom of the code stack:

.woocommerce-product-gallery__wrapper {
	display: flex;
    max-width: 600px;
}

.woocommerce-product-gallery__image {
    flex: 1 0 100%;
}

Let me know.

I have implemented the code. But still getting same issue.

Can you try clearing your browser cache - i check the site in Chrome, Firefox and Safari and its working for me.

Image Size is too large at single product page on mobile device. I don't know how to fix it.

Please help

What if we add this?

@media (max-width: 768px) {
    .woocommerce-product-gallery__wrapper {
        max-width: 400px;
    }
}

Yes it is working for mobile. But i also want to reduce dimension of image at desktop

You can change the max-width to any size you want in the code i provided here