Product image not fitting properly

[kiansalout]

Hi my product images not fitting properly in mobile and tablet devices, and I can’t find what is causing this.
check this video:

might be related plugins:
WooCommerce Additional Variation Images by Woocommerce

[marc_a]

Hi Kian,

Thanks for reaching out.

I recommend the following troubleshooting procedures before we investigate the settings.

1. TESTING FOR THEME RELATED ISSUE
2. TESTING FOR PLUGIN CONFLICT
3. THEME UPDATE
4. CHILD THEME
5. CSS/JS CUSTOMIZATION

Please let us know how it goes.

Thank you.

[kiansalout]

Ok I did everything and I can say the conflict is only with Pro theme and this plugin:
WooCommerce Additional Variation Images by Woocommerce

[marc_a]

Hi Kian,

For some reason there is inline CSS force the wrapper of your gallery image to set width of 508px. We need to override that width with the use of custom CSS to fix your issue. Please add the code below in your Pro > Theme Options > CSS.

.woocommerce-product-gallery__wrapper, .woocommerce-product-gallery__wrapper > div {
    width: 100% !important;
}

Please note that custom development is outside the scope of our support. Issues that might arise from the use of custom code and further enhancements should be directed to a third-party developer.

Hope that helps.

Thank you.

[kiansalout]

Thank you it worked!

[marc_a]

@kiansalout,

It’s our pleasure to help you.

Thank you.