Product name truncate specific for mobile

[vipier]

Hello, 

I would like to know if there is a way to change the length of the name of the products on the mobile view. 

in the product-list.tpl there's the line: 

 

{$product.name|truncate:40:'...'|escape:'html':'UTF-8'}

 

Is it possible to add something to make the truncate value different for the mobile version? 

I would like it to be shorter on mobile than on desktop. 

[Rolige]

You could do it with CSS: https://css-tricks.com/snippets/css/truncate-string-with-ellipsis/

 

Of course you will need use media query.