Headers Breaking into two lines or separating letters in words

Site URL: https://kp-brandedcontent.squarespace.com

Been looking for a solution that keeps my headers from breaking into multiple lines or separating between letters. Is there anyone who could help me? Seems like this is a problem that requires a custom solution. My url is https://kp-brandedcontent.squarespace.com

Thanks!

This appear on Tablet or?

Add this to Design > Custom CSS

/* Prevent text break on tablet */
@media screen and (max-width:991px) and (min-width:768px) {
div#block-f8ef856edb6e77bf0dec h1 {
    font-size: 30px;
}
}

Thank you very much. I am assuming I can replace the block ID for any other pieces of text that I have issues with. 

15 hours ago, ANielson said:

Thank you very much. I am assuming I can replace the block ID for any other pieces of text that I have issues with. 

Yes. Use this free tool to find block id

https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en

Thank you very much. Could you help me with code that would fix this issue in Mobile? 

On 7/17/2022 at 12:15 PM, ANielson said:

Thank you very much. Could you help me with code that would fix this issue in Mobile? 

I see lot of title text has this problem. Fix all or screenshot text only?

https://kp-brandedcontent.squarespace.com/

On 7/18/2022 at 2:42 AM, tuanphan said:

I see lot of title text has this . Fix all or screenshot text only?

https://kp-brandedcontent.squarespace.com/

Sorry for the delayed response. I would LOVE a fix all.