How to stop hyphonating text and reduce scale instead?

Site URL: https://oval-panda-rsl8.squarespace.com/

Hi, 

I was wondering what would be the most effective way of stoping text from hyphonating when the screen size is reduced? 

Add to Home > Design > Custom CSS

p,h1,h2,h3 {
    -webkit-hyphens: manual !important;
    -moz-hyphens: manual !important;
    -ms-hyphens: manual !important;
    hyphens: manual !important
}

Just tried this and it doesn't seem to have made any difference 🤔

I have exactly the same issue. Did you were able to resolve it?