Hi all, I would like to make all the product titles have the same length in product title so the ADD TO CART can stay at the same level. [davidwu1604_0-1708675976863.png] [davidwu1604_1-1708676170301.png] I have tried to put this at the theme.css #main-collection-product-grid .product-item__t…

@davidwu1604 Please use below CSS code in your theme.css .product-grid--title a { min-height: 44px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } Please let me know when work and like and mark as solve!

hi do I still need to keep this as well? { .product-item__title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; } now it looks like this [davidwu1604_0-1708679915050.png] on mobile is excellent, but on desktop only sees one line instead of two. i have keep this f…

How can I adjust product title length for uniform 'Add to Cart' positioning?

Shopify Discussion

saim007 February 23, 2024, 12:12pm 4

@davidwu1604 If i helped you please like and mark as solve! Thanks

Topic		Replies	Views
How can I adjust product title length for uniform 'Add to Cart' positioning? Store Design troubleshooting	5	55	April 26, 2024
Make the titles more similar Store Design css	3	29	January 23, 2025
Fix the Textbox Size for All Product Titles Regardless of Word Counts Store Design	10	101	January 16, 2026
How to put a character limit on the product title Shopify Discussion	4	475	January 16, 2024
Cut product title short on product card Store Design design , customizations , troubleshooting	3	183	November 14, 2024

How can I adjust product title length for uniform 'Add to Cart' positioning?

Related topics