Words are incorrectly hyphenated in mobile version of my website. What can I do?

Tilda has a built-in word wrapping algorithm. If a word does not fully fit on one line because of the screen width, the script moves part of the word to the next line. As a result, one part of the word stays on the current line, while the other part moves down.

To make text display better on mobile and keep word wrapping more predictable, we recommend setting the font size to 30 px or smaller. Font settings are located in the typography tab. To open the mobile font size field, click the monitor icon next to the font size field.

If there is no monitor icon, duplicate the block, set the visibility range for mobile devices to 0–480 px, and set the heading or text size to 30 px or smaller.

You can also use the soft hyphen character #shy in places where a word should be allowed to break, and the non-breaking space character #nbsp; where words should stay on the same line.

Learn more about setting up the mobile version in this guide: https://help.tilda.cc/mobile-version