How to remove gap between products in WooCommerce Shop?

ML
asked 5 years ago

I started to customize WooCommerce shopping page but have one issue that I can’t fix. Scroll down to the 9th row and you will see a gap between the products / categories.
This is the URL. Seems only overall categories are not working properly, highlighted in brown on the left navigation panel. Can you see what’s wrong with this?

1 Answers

DominicStaff
answered 5 years ago

You can try to add the following code to the style.css file.

#ProductContentDisplayPane .col-lg-3:nth-child(32n+1) {
     clear: both;
}

Rachel Stinson
replied 5 years ago

Use the following style, will help you out.

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
margin-bottom: -100px;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
min-height: 490px !important;
margin-bottom: 0px;
}