Headline issue

[isdg01]

Hi,

I have tried several things that I have seen in the forums, but nothing is working on my particular issue… I have one single headline on a website that is not sizing down properly on mobile. All of the other headlines are working properly and all of the settings match across the site. It looks fine when using the small mobile viewport within X but if I look at it on Chrome Dev Tools it is not working at all. The word “Extraordinary” is cutting off on the right side. I know it’s a long word, but can you please help me get the complete word to display on one line? See attached screenshot. The site was built with X, not Pro.

The issue can be found at https://tgbuilder.com/profile

[tristup]

Hi @isdg01,

Thanks for reaching out.
You can use the Responsive Text option from page settings, to set the minimum and the maximum font size. The minimum font size is the smallest size where your font could respond to and the maximum font size is the maximum size too

Once you have added the values, you need to add the class into the respective element where you want this font size.

Thanks

[isdg01]

Perfect. Thank you!!

[marc_a]

Hi @isdg01,

You’re welcome and it’s our pleasure to help you. If you have any other concerns, feel free to reach us.

Thank you.