Product page adjust

Hi guys! its me again. Checking the single producto page on mobile, i note that the main image its aligned to the right and could be bigger using more off the width available.

Captura single product

I would like to center the image, and make it bigger to use approximately the 90% of the screen width.

The site link is: www.entrelinoyalgodon.com/shop

https://entrelinoyalgodon.com/producto/osito/ (single product page)

Regards, Sergio.

Hi Sergio,

You should be able to remove left margin on single image with custom css code below:

@media screen and (max-width: 768px) {
    .woocommerce.single-product.product-layout-1 .has-gallery .woocommerce-product-gallery__wrapper {
        margin-left: 0;
    }
}

Best Regards!

Thanks, that works great!

Sorry for the late reply!

Regards from Argentina!