How to show full product title on mobile and not cut off-- using Ella Theme

Store Design
, ,
1

Hey everyone,

I’m trying to make it so it shows the full product title in the collections page on mobile using the Ella theme. I’ve tried every solution I can find on the internet and either I’m doing it wrong, or they just don’t work.

Thank you so much in advance for your help!

2

Thank you so much!

3

Hi @Manitoba971 , go to theme-style-responsive.scss.css and locate the following snippet :

@media (max-width:479px){
.product-item .product-title {
    max-height: 22px;
     overflow: hidden; 
    white-space: nowrap;
     text-overflow: ellipsis; 
}}

Delete it and instead you all add the following:

@media (max-width:479px){
.product-item .product-title {
    max-height: 22px; 
    white-space: wrap;
      
}}
4

Thank you so much!!!

1 Like
5

Glad it helped, feel free to contact me if you need any help.