#134317 How to change product image size on mobile only?

Landing Forums JupiterX WordPress Theme How to change product image size on mobile only?

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • prettygiftsbya-13aee3d7

    Hi,

    This is a product page https://prettygiftsbya.com/product/gold-mandala-unicorn-wall-decor/

    when on mobile, it doesn’t display the full pictures. How can I change how my pictures are displayed on mobile only as I’m satisfied with the desktop version?

     

    Thank you

    Nodari Support Team

    Hey there

    Please try this css code:

    @media (max-width: 967px){
    .woocommerce div.product div.woocommerce-product-gallery .woocommerce-product-gallery__image img {
        object-fit: contain !important;
    }
    }

    Add it in Appearance > Customize > Additionall css

    Regards

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