Product showing up staggered

Try this custom css:

.et_pb_gutters3.et_left_sidebar.woocommerce-page
ul.products li.product:nth-child(3n) {margin-right:0}

You might also try using display: inline-block instead of float: left on the product blocks, something like this:

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    float: none;
    display: inline-block;
    vertical-align: top;
}

You will likely need to fiddle with the width and margin a bit as well on this style:

.et_pb_gutters3.et_left_sidebar.woocommerce-page ul.products li.product {
    width: 28%;
    margin-right: 4.9%;
}

seems to do the trick for me.

Wow it works like a charm! Thanks everyone.