Woocommerce widget overlap in mobile view

Hi All,

I seem to be having a problem with woocommerce when it’s in mobile view in the sense that nothing can be clicked on. It appears to be due to a div relating to the product categories overlaping the ‘primary’ div where the products are shown.

You can see is here when switching to the mobile view.

Instead of using this Custom CSS code:

.col-md-8 {
  float: right;
}

You can try to use it like this:

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