Mobile Product Image / Zoom Stretch

-- HikaShop version -- : HikaShop Business: 2.6.4

Hey i got that problem

on the mobile device design i.imgur.com/dCHQo28.png (this is working normal) until you click on the picture to view it in big.

Hikashop stretch that image ?

i.imgur.com/kX77PKg.png

Whats happend here ? how can i fix this ?

regards Pierre

store.diffusion-art.com/us/products/brus...ne-stroke-brush.html

/EDIT SOLVED

As far as I can see the cause for the distortion is this native Joomla CSS

.sbox-content-image img {
display: block;
height: 100%;
width: 100%;
}
originating from the file media/system/css/modal.css.

It is certainly not caused by the template. And if Hikashop would use a different class than sbox-content-image for the image, it wouldn't be affected.

You could add these further declarations to your custom.css file to avoid the distortion (and vertically center the image in the container):

.sbox-content-image img {
max-width: 100%;
height: auto;
}

.sbox-content-image {
display: flex;
align-items: center;
}