I’m having trouble with automatically hyphenating long words.
Read only site link is below but on the homepage, at the bottom in the “NDIS Services” section - the text “Accommodation” doesn’t automatically hyphenate in mobile view and causes this:
I have also tried the method explained here: Automatically Hyphenation for long Words
However I don’t notice any edits in the designer nor the published site.
I initially tried using the css code snippet on H3, but it’s having no effect.
I would appreciate any feedback or insight as I cannot find any other solutions online.
Thank you!
-Aaron
If it’s only a few long words, it’s much easier to manually paste a soft hypen at the correct place. Here’s link, where you can copy the soft hyphen and paste it into the word, where you like to have it break when there’s not enough space.
You’ll only see the changes in preview but not in the editor.
Would it be possible for you to share how you implemented this. I am currently working on a site that needs quite a few hyphens but I don’t want strange auto word breaks. Cheers in advance.
Hey Gary, apologies for the late reply.
Clicking the link above to view the soft hyphen code, you click the copy button, and back in your webflow page where your issue of text not hyphenating is occurring, you select which breakpoint you want it to happen, and basically paste the soft hyphen at the exact position you want the hyphenation, it should fix the issue on the live page. It did for me.