How to set Woocommerce sidebar to the left in divi

by | Feb 19, 2018 | Divi Theme Code Snippets | 10 comments

When I wanted to make the Woocommerce Sidebar show up on the left instead of on the right I set the relevant option within the Theme Options assuming that would do the trick. I need to add some css thought as shown below

 

/*woocommerce sidebar left*/
.et_right_sidebar #main-content .container::before{
left: 20% !important;
right: auto !important;
}
body #page-container #left-area{
float: right;
padding-left: 3%;
padding-right: 0;
}
body #page-container #sidebar{
padding-left: 0;
padding-right: 3%;
float: left;
}
/*woocommerce sidebar left*/

Let’s connect

Get in Touch with me easily using the methods below

©Copyright  George Nicoalou 2020 |  Disclaimer  |  Site Map

WP Feedback

Dive straight into the feedback!
Login below and you can start commenting using your own user instantly

Pin It on Pinterest

Share This
Divi Theme Code Snippets How to set Woocommerce sidebar to the left in divi