List of product is not showing correctly on col-xs-6

[jakubrezina]

Hi all,

 

i changed default grid from xs-12 to xs-6 in product list tpl, but product are not showing correctly. When the first product has bigger height than the other, next product is missed. I attached an image that you can better understand. The problem appears only when the first col-xs-6 product has bigger height then the second col-xs-6 product (not the opposite way).

 

First picture.

 

 

Second picture.

 

 

Thank you for your time!

 

Regards

[jakubrezina]

I did next investigation, and i found out that the problem occurs only when css width is < 480 px.

Any prestashop/css expert knows?

 

Edited February 27, 2017 by jakubrezina (see edit history)

[HouseSeven]

For anyone stumbling here with the same problem - Indeed, the issue is that product title area height is different for side-by-side items. 

The fix is different based on theme and how your title area works. Most easy solution is to add a fixed height to the area on relevant screen sizes (I use 70px fixed height on mobile for title area).