[mfwolik]

My horizontal product images will not center while using a phone. I will say that this is a new problem. I've troubleshooted this a bit over the last couple months to no avail? Please see the attached screenshot of the site on a phone screen. thx in advance for any help ~ Michael

www.mfwolik.com

[Edward M.]

Hi there,

I'm Edward from Ecwid Team.

I've inspected your store page and found a reason why it happens.

The thing is, this issue is reproduced on small screens only, e.g., iPhone 4 and 5. The product images are centered on iPhone 6 and above. The same applies to Android devices depending on the screen size.

The reason is that your images have different proportions, and thus they can not be adjusted properly on smaller screens with the current WordPress container where the store is added to.

What we can do here is to force a certain image size on small screens so that they will be centered. Please go to the Ecwid Control Panel → Configuration → Design → Edit theme → Paste the code below to the bottom of the field → Activate and Save

@media screen and (max-width: 350px) { 
td.ecwid-productBrowser-productsGrid-cell table img {
width: 170px !important;
height: 140px !important;
}
}

It should fix the problem you described.

Please let me know if you have any questions.

[mfwolik]

Edward this works but many of the images get squished because of their very different proportions. Is there any way to alter the code to keep the images proportional when being forced to resize?

many thanks ~ Michael

[mfwolik]

Anybody? Edward? please help, this code works but many of the images get squished because of their very different proportions. Is there any way to alter the code to keep the images proportional when being forced to resize?

many thanks ~ Michael

[Una Q]

Originally Posted by mfwolik

Anybody? Edward? please help, this code works but many of the images get squished because of their very different proportions. Is there any way to alter the code to keep the images proportional when being forced to resize?

many thanks ~ Michael

Hello Michael,

This is Una from Ecwid Customer Care team. I’m sorry that you had to wait for a reply.

I opened your store on several mobile devices and couldn’t reproduce the issue — all images look fine and keep their proportions when being resized. Can you please send a couple of screenshots that illustrate the problem? We will be happy to help!

Thanks.

Best regards,
Una Q.
Ecwid Support Team