WooCommerce: Show full size image in smartphones

Asked Dec 23 '18 at 18:35

Active Dec 23 '18 at 20:32

Viewed 35 times

I have one issue with showing properly thumbnails from my WooCommerce products into smartphones. Issue is that is not shown into full size only on smartphones, however, it is showing fine in desktop version. For example:

Desktop version preview:

Smartphone version preview (images are cuted);

Any help how to fix this issue? I tried to regenerate thumbnails, but problem persisted still.

edited Dec 23 '18 at 20:32

Kashif Rafique

1,273
1
12
25

asked Dec 23 '18 at 18:35

Marget Stone

*Duplicate*. You want to use `background-size: contain;` (instead of cover) in the second solution of this answer - https://stackoverflow.com/questions/11670874/is-there-an-equivalent-to-background-size-cover-and-contain-for-image-elements#answer-26967278 – Oliver Trampleasure Dec 23 '18 at 18:47
Great. Your answer solve my question. Many thanks – Marget Stone Dec 23 '18 at 20:44
No problem, glad it helped – Oliver Trampleasure Dec 23 '18 at 20:53

WooCommerce: Show full size image in smartphones

0 Answers0