Added this to base.css
.product-title-truncate {
font-family: var(–font-subheading–family) !important;
font-size: 16px !important;
font-weight: var(–font-subheading–weight) !important;
line-height: var(–font-subheading–line-height) !important;
letter-spacing: var(–font-subheading–letter-spacing) !important;
margin: 0 !important;
}
Create custom Liquid to show title on product page
<h1 class=”product-title-truncate”>
{% assign words = closest.product.title | split: ‘ ‘ %}
{% if words.size > 10 %}
{{ words | slice: 0, 10 | join: ‘ ‘ }}…
{% else %}
{{ closest.product.title }}
{% endif %}
</h1>
