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

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

anpanman
Excursionist
28 0 6

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

 

Reply 1 (1)

VIEKIN
Shopify Partner
779 93 110

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;
  }
}
You can please Like and Accepted Solution if my suggestion helpful. And if you want to customize or develop new feature on Theme or App => Contact to us via Email or Skype.
- Contact Support : Gmail | Skype: live:.cid.309f2fbaceec513