Wcommerce product page loose alignment, only one column

Unfortunately on every WooCommerce product pages I can’t get proper content visualization, I can only get single column align with product image at the top full width.
I need the default layout where product image lay on the left and title + description aligned to the right.

Hi,

Thank you for getting back to us. I am happy to help with your queries.

Can you share a public link to one of your products, so I can inspect what causes you that issue and find out the solution?

Regards,
Kharis
aThemes Support

sure!
this is a password protected link:

PWD: “test”

Hello,

Thanks for the access!

Seems your website is overwriting the CSS code from Sydney theme that makes the two columns layout. As your website is with all the CSS code minified I couldn’t identify from where this code is coming.

To fix, please try adding the given custom CSS code below at Appearance > Customize > Additional CSS:

.woocommerce #content div.product div.images, 
.woocommerce div.product div.images, 
.woocommerce-page #content div.product div.images, 
.woocommerce-page div.product div.images {
    float: left !important;
    width: 48% !important;
    margin-right: 30px !important;
}

@media only screen and (max-width: 767px) {
    .woocommerce #content div.product div.images, 
    .woocommerce div.product div.images, 
    .woocommerce-page #content div.product div.images, 
    .woocommerce-page div.product div.images {
        width: 100% !important;
    }
}

We hope this helps!

Please try that and let us know if you need further assistance.

Kind Regards,

Rodrigo.

aThemes Support

Thank you Rodrigo! It works!!:slight_smile:

1 Like