Product images appear squeezed in phones

-- url of the page with the problem -- : geo-world.org.uk
-- HikaShop version -- : latest

Hi everyone,
Yesterday i checked my website through my phone and i noticed that when i press the product picture (to see the product in higher detail) i end up with squeezed pictures. This does not happen in pc. I tried changing the images configuration to : Force images size -yes,no and Image scale mode to keep ratio and crop. No result (exept screwing the display in pc's aswell.

Hi,

I'm not seeing the problem. Could you provide some screenshots of the issue ?
www.makeuseof.com/tag/6-ways-to-take-screenshots-on-android/

Here an example. Usually when you press the picture you can also zoom in by sliding your fingers up and down. This doesn't work here

Hi,

Ok, I see what you mean. What you're talking about is when the image opens as a new page. Here, it opens inside a popup. So it's normal you can't zoom in as popups don't allow for that.

If you want to avoid the stretching of the image, you can add such CSS on your website:
.sbox-content-image img, #sbox-window {
height: auto !important;
}

Otherwise, one thing you can try is to change the "image popup mode" option of the Display tab of the HikaShop configuration. It might give you a better display as it will then use another image popup system than the default one