Archived topic
The size of image on shop page
3 replies · Started by Jusung on February 24, 2023
Viewing posts 1–4 of 4
Hello.
The image on the shop page, it is not fully streched when it is mobile.
Is there a way to give width 100% when it is mobile.?
Currently,
.page-id-163 .inside-wc-product-image {
width: 100%;
}
Thid code has been added, but on mobile, the image is not 100%.
Hi there,
This is something handled by WooCommerce itself and not something the theme can control.
The image is being loaded as 300x300 on mobile:
https://www.screencast.com/t/asFfQ3WsT
You can try the CSS here but the image would be slightly blurry:
@media (max-width: 768px) {
.woocommerce ul.products li.product a img {
width: 100%;
}
}thank you!!
It works very well!!
No problem :)
This archived topic is closed to new replies.