Product tittle not displaying completely on mobile

[Moeed]

Hey there, so basically my product title is not displaying completely on my collections,

Here’s my complete product title:

Printed Lawn 2 Piece (Shirt/Dupatta)
Special Price

that’s how it’s displayed on the desktop:

but on mobile, the “Special Price” is not being shown,

Anyone have any idea why?

Store URL: https://saya.pk/collections/special-price

PS: You’ll find these 3 products in the bottom of the collection

[Dan-From-Ryviu]

I have checked on my mobile and its working well. Did you solve the issue or try to reload and check again?

[Simonsron]

@media (max-width: 479px){
.product-item .product-title{
padding-bottom：0 !important;
max-height:none !important;
}
}

put this on the bottom in your theme-styles-responsive.scss.css

[PageFly-Victor]

Hi @Moeed

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->custom-style.scss.css

.body-full .collection-template-default .product-collection .grid-item .flex .product-title {
    padding-bottom: 65px!important;
}

Hope you find my answer helpful!

Best regards,

Victor | PageFly

[GemPages]

Hi @Moeed ,

Glad to support you today.

You can check out my suggestion below to get your concern resolved:

1. Go to Edit code on Online Store:

2. add my code above the tag on Theme.liquid:

Hope you find my answer helpful!

Kind & Best regards,
GemPages Support Team.