Hmm, your structure is a little different than what I see in my own Adelle test site. I’m not sure if it’s because of your Woocommerce plugin or if you’ve made a change to one of the PHP files in your child theme. In any case, the fix is relatively easy, you just need to add the CSS for a containing element which corresponds to the original section element. Add these three media queries to the end of your child theme’s style.css file:
@media all and (max-width: 680px) {
#container {clear: both; margin: 20px 0;}
}
@media all and (min-width: 681px) and (max-width: 1024px) {
#container {float: left; width: 60%; margin: 20px 0;}
}
@media all and (min-width: 1025px) {
#container {float: left; width: 640px; margin: 30px 0 30px 20px;}
}
These rules should set the main woocommerce container to the correct width so that there’s room for the sidebar.
