[SOLVED] Product listing - empty spots between products

[tumil]

Hi,

there's a strange situation on the category page of my store.

Here you can have a look:

http://sabipolsklep.pl/203-whisky

 

The shop is set on the Warehouse template

 

Some rows of listing are good, but the other have just blank spots instead of products. There should be 4 products per row on desktop but sometimes there is just one on the right side of the row.

I used to have a similar problem on my other store (same theme)

Then I used something like this in css:

 

li.first-item-of-tablet-line {clear: left;}

 

and everything worked but this time when I use it I just get 3 products in a row, with an empty spot on the right in every row.

How could I fix this weird listing?

I'll appreciate any help

Edited July 31, 2017 by tumil (see edit history)

[tumil]

So... here's a link to another website with the same listing settings and the same theme. On this website everything works fine:

http://wykrawacze.pl/12-wykrawacze

[Adeko.nl]

Hello Tumil,

 

This is caused by the different heights in your product list.

When a product is on discount the class 'content_price' gets a bigger height.

 

Add the following code to your global.css (/themes/warehouse/css/global.css):

ul.product_list.grid .content_price {
     min-height: 26px;
}

[tumil]

Much thanks! Problem solved