Gaps between products blocks on category/special/search pages

If you have such problems:


Then just add the following lines of code to your "stylesheet.css" file (in the end):

.product-thumb {

    position: relative;

}

#content > .row {

    flex-wrap: wrap;

    display: flex;

}


For "Revolution template", you will need to apply following styles:

/* fix product grid start */

#content .row.products_category {margin: 0 -4px 20px 0; flex-wrap: wrap; display: flex;}

.product-layout.product-grid .product-thumb {position: relative; height: 100%;}

/* fix product grid end */