Collection with some white space and no product in it

New Member
2 0 0

Hello everybody

I am experiencing some issue with one of my collections (product grid issue)

All my products are displayed and no product from the collection is actually missing.

The issue is I have 2 blanks spaces that should be occupied by 2 products.

After investigating I noticed it is caused by the .product-grid li{

Width can be modified in .CSS but height is "generated-height" (liquid is unfortunately beyond my comprehension)

 

Height should automatically comes at 306px but I have 3 products that display a height of 324px (see included picture)

When I modify that data through my browser web developer mode, all the products are displayed correctly.

 

Please can someone help me to have this fixed?

Many thanks

 

Grid.png

 

 

 

0 Likes
Trailblazer
235 27 29

try this css . add it to very end of your css file

 

 

.product-grid li{

min-height:330px !important;

}

you are welcome to contact / donate small amount to me.
My email - suyash.patankar@gmail.com

paypal.me/suyashpatankar
0 Likes
New Member
2 0 0

Wooawww

It works FANTASTIC!!!!

Thank you very much!!!

0 Likes
Highlighted
Trailblazer
235 27 29

welcome, if my solution works for you then you are welcome to donate small amount of your choice

 

https://paypal.me/suyashpatankar?locale.x=en_GB

 

you can send it on my email as well. It is not mandatory :)

you are welcome to contact / donate small amount to me.
My email - suyash.patankar@gmail.com

paypal.me/suyashpatankar
0 Likes