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 2021 |  Disclaimer  |  Site Map

Pin It on Pinterest

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