Sidebar on wrong side with WooCommerce

I have set the sidebar to default “left” in the theme settings, but on pages directly connected to WooCommerce (i.e. main products page and individual product pages), the sidebar is on the right. I can’t figure out how to resolve this. Any suggestions?

http://www.muzzies.ca/wordpress

These might be some customizations done it theme or some other thing but without doing any debugging you can arrange them back by adding this code to Theme Options - Other - Custom CSS.

.woocommerce #secondary {
    float: left;
}
.woocommerce #primary {
    float: right;
}

Amazing! Worked perfectly. Thanks very much.

Follow up question - If I wanted to resize the sidebar width, how might I do that?

Add this to Them Options - Other - Custom CSS. This should reduce sidebar width.

.woocommerce #primary {
    float: left;
}

@media (min-width: 768px) {
    .widget-area.col-md-4 {
        width: 25%;
    }

    #primary.col-md-8 {
        width: 75%;
    }
    .woocommerce #primary {
        float: right;
    }
}


Thanks so much. This was easy and effective. Only issue is that altering this has affected site responsiveness. When down-sizing to fit mobile screens, sidebar squishes up on the left. Any way to force it to the bottom?

www.muzzies.ca/wordpress