asked 1 year 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
answered 1 year 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 1 year 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;

Powered by DW Question & Answer Pro