Hi – I have read through the appropriate responses to similar problems… however the fixes didn’t resolve the word break issue.
I used the following CSS (in theme’s custom CSS) that appears to have worked for another user:
h1, h2, h3, h4, h5, h6 {
-moz-hyphens: none;
-ms-hyphens: none;
-webkit-hyphens: none;
hyphens: none!important;
word-break: normal!important;
}
I have also tried “word-break: keep-all!important” no luck with this either.
Checking the results on iPhone 6 still shows the word Preservation being broken after the “t” in the 2nd and 3rd hero image. URL: http://PreserveSC.org/wp (site build in progress).
Any help greatly appreciated!
Thanks – c
Hi C,
Vantage uses word-wrap to break words that are too large to fit. You can override it by applying:
Please note that this will result in the complete word being unreadable due to the word not breaking. I would instead recommend that use a higher FitText Compressor setting – such as 1. You can do this by opening up the hero widget and open the Design and Layout settings group. Set the FitText Compressor Strength to 1 and then save. How does that look? If it’s still not right, try 1.25.
Hi Alex,
Thank you very much for you reply – 1.15 worked for my needs. I was unaware of this control, thank you for enlightening me!
-cs