Product images too big on mobile – Shopzee

[Paulo Paredes]

I am using Shopzee. All products look ok on my Mac and PC but when I look at the site on a mobile phone the product images are too big. How do I fix it?

www.celestialtrading.us

[Sonnal S Sinha]

We have checked that they look right. Kindly send a screenshot of your mobile.
https://ibb.co/HdBTdSr

Regards,
Shri

[Paulo Paredes]

I don’t see an option to add a screenshot.

But if you click on the product image and the image is too big.

I tried it with the basic Woocommerce storefront theme and it looks fine.

[Sonnal S Sinha]

Kindly use imgbb.com to post images.

[Sonnal S Sinha]

Kindly add this in appearance>customize>basic settings>Custom CSS box:

@media screen and (max-width:63.938em) and (min-width:29.938em) {
#primary{width:100%;}
}

Regards,
Shri

[Paulo Paredes]

Every time I tried to add the images uploaded to Imgbb.com it does not seem to post my reponse.

I tried add the CSS as you suggested but it still did not seem to work.

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:767px) {
#primary { width:auto !important;}
.woocommerce div.product div.images img {
    width: 100% !important;
}
}

Regards,
Dave

[Paulo Paredes]

Thanks Dave!

That worked!

[Sonnal S Sinha]

🙂

[Author]

Posts