Archived topic

Woocommerce - Main Product Image Size (Mobile)

5 replies · Started by pro123 on February 3, 2022

Viewing posts 1–6 of 6

February 3, 2022 at 7:36 am #2103906

Hi Team,

I would like that the increase the size of the main Woocommerce product image on mobile to full width.
Can you help me with this request?

Best Regards,
Luuk

February 3, 2022 at 8:05 am #2104046

Hi there,

can you share a link to a single product so i can see the current setup?

February 3, 2022 at 8:20 am #2104062

Hi David,

I have added the information into the private message section.

February 3, 2022 at 8:46 am #2104105

Try adding this CSS:

@media(max-width: 768px) {
    .woocommerce #content div.product .woocommerce-product-gallery {
        margin-left: -30px;
        margin-right: -30px;
        width: 100vw !important;
    }

    .woocommerce div.product div.images .flex-control-thumbs {
        margin: 0 30px;
    }
}

February 3, 2022 at 8:56 am #2104119

Thanks David! Appreciate your prompt reply and solution

February 3, 2022 at 9:03 am #2104126

Glad to be of help!

This archived topic is closed to new replies.

Start building better websites today.