[Resolved] Woocommerce – Main Product Image Size (Mobile)

Log In Free Support

Popular Articles

Missing style.css

Updating errors

Installing GP Premium

Installing GeneratePress

This topic has 5 replies, 2 voices, and was last updated 3 years, 7 months ago by David.

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
February 3, 2022 at 7:36 am #2103906

pro123

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

David
Staff
Customer Support

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

pro123

Hi David,

I have added the information into the private message section.

February 3, 2022 at 8:46 am #2104105
David
Staff
Customer Support
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

pro123

Thanks David! Appreciate your prompt reply and solution

February 3, 2022 at 9:03 am #2104126

David
Staff
Customer Support

Glad to be of help!
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.