Porduct card design breaks at certain point

Store Design
, ,
1

Hello.

Im having a slight problem once again with product cards in my store. The thing is, It’s not fully responsive, when inspecting with developer tools you can see that most Iphone users see the product cards in different heights due to some having Discounted price + Old price in the same line, while other cards having it split into 2 lines, this happens due to some having variations and “from” labels appears, It happens at exactly 457 pixels but I was unable to break it into to lines as Im not skilled enough in css and html, Was hoping for help here.

Site - HomeFinesse.net/collections/all

Erik19_0-1691776656901.png
Erik19_0-1691776656901.png828×1792 249 KB

2

Hi @Erik19

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Base.css

#ProductGridContainer .card__heading {
    min-height: 90px!important;
}

Hope you find my answer helpful!
Best regards,
Richard | PageFly

3

Unfortunately that doesnt work, it still doesnt break to 2 lines.

4

I checked again and the problem seems to have been resolved :grinning_face: