How to set Woocommerce sidebar to the left in divi
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 2023 | Disclaimer | Site Map
where do i add this css ?
Divi–>Theme Options–> Custom CSS box right at the buttom
This code works great, but how would i make this effective on a mobile as it’s still showing on the right / below the shop.
Hey Luke,
If you show me a page or even better give me back-end access I should be able to help. E-mail me so we can figure it out
Thank you! Great snippet!
No problem Alexis and since you are Greek and I am Cypriot I will continue my reply in Greek. Ο,τι χρειαστείς εδω είμαι
Thank you, it worked.
Great to hear that
PERFECT! I look all over and this one works with DIVI.
Thanks you
great to hear that