Hi Team,
I am experiencing an issue regarding product title visibility across different screen sizes and device views.
For example, for products with variations/weights in their titles like “Süzme Çiçek Balı (850g)” and “Süzme Çiçek Balı (450g)”, the weight details get cut off on smaller screens. In some views, both products appear simply as “Süzme Çiçek Balı”, and on even smaller layouts/sliders, it truncates to just “Süzme Çiçek”.
This makes it impossible for customers to distinguish between product sizes on mobile devices without clicking into the product page.
I would like to know:
How can I ensure that full product titles (including multi-line titles/wrapping) are completely visible across all screen sizes?
Is there a recommended theme setting or custom CSS snippet (e.g., overriding white-space, text-overflow, or line-clamp) to allow 2–3 lines for product titles without causing layout shifts or height inconsistencies among grid items?
I have attached screenshots illustrating the issue.
Looking forward to your support.
Best regards,
Attachments:
You must be
logged in to view attached files.
.
