Product title does not show completely on collection page.

Solved
vishalgudla
Tourist
7 1 5

My website is https://sipconutrition.com . The issue I am facing is that the title of the product on the collection pages does not show up completely. 

vishalgudla_0-1620674731280.png

Same is for mobile view as well. 

vishalgudla_1-1620674750055.png

 

Can someone help?

 

 

vishalgudla
Tourist
7 1 5

@KetanKumar can you also help here

0 Likes
KetanKumar
Shopify Partner
18850 1983 6986

@vishalgudla 

Yes, please add this code

.product-grid .product .name {
text-overflow: inherit;
    white-space: normal;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
vishalgudla
Tourist
7 1 5

This is an accepted solution.

Ketan @KetanKumar , this helped but there is one issue now. The structure of the product is completely off. 

vishalgudla_0-1620675398869.png

Even on mobile view

vishalgudla_1-1620675422938.png

 

 

KetanKumar
Shopify Partner
18850 1983 6986

This is an accepted solution.

@vishalgudla 

Yes its issue was all product  name are doesn't the same so it theme code is hidden long time it shows before code

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
vishalgudla
Tourist
7 1 5

Okay, so I just have to edit the name to make sure all of them have same length. 

0 Likes