Site logo

[Resolved] The size of image on shop page

Home Forums Support [Resolved] The size of image on shop page

Home Forums Support The size of image on shop page

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #2545750
    Jusung

    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%.

    #2545887
    Leo
    Staff
    Customer Support

    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%;
        }
    }
    #2545918
    Jusung

    thank you!!

    It works very well!!

    #2545933
    Leo
    Staff
    Customer Support

    No problem 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.