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 */