How to fix ugly product cards on mobile for my pet toy website?

Store Design
, ,
1

site is pawfectiontoys.com

Please take a look at this screenshot. The font is all messed up.

I’d like it so that either the font is smaller or there is proper spacing between lines.

anpanman_0-1698252931060.png
anpanman_0-1698252931060.png1242×2688 406 KB

2

Hi,

To solved this issue, you can go to

Admin → Theme → Customize Code → assets → section-main-product.css

And then add the code bellow into that file.

@media only screen and (max-width: 749px){
  .product .product__info-wrapper .product__title{
    position: relative;
    top: 5px;
    max-height: unset;
    text-align: left;
    width: 100%;
    white-space: unset;
  }
}