Woocommerce / Divi – Left Sidebar Css Code

Fix for Divi & Woocommerce sidebar to be on the left side for all pages. There is an issue with the Divi only putting a left sidebar on the woocommerce home page and then category pages, but the sidebar moves to the right side on product details, cart, and then checkout. This css code will make sure the sidebar stays consistently on the left side.

Go to Appearance –> Customize¬† –> Additional CSS

Paste in the following 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;
width: 40%!important;
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
float: right;
width: 58%!important; }