Hello, I’m having an issue with text breaking and words being separated on two lines, but only on mobile. For example, one answer in the poll shows correctly on desktop as: Preparing Puppies for a life of competition
But on mobile shows as: Preparing Puppies for a l ife of competition
Another: Getting Started in Obedience
Mobile: Getting Started in Obedi ence
Is there anything I can do to prevent that break mid word, beyond shrinking text size?
Thank you for the detailed information you provided.
We reviewed your case and noticed that you’re currently using an older version. The issue you mentioned has been resolved in the latest version (8.4.4).
We recommend updating to the latest version and testing again.
You can make a DB backup before updating for your safety (you can use UpdraftPlus).
Additionally, our development team has provided the following CSS fix, which you can apply to the current version you’re using. This should resolve the issue. To apply the fix, simply go to Theme > Customize > Additional CSS, paste the code below, and check if the issue is resolved.
Here is the CSS code:
div[id=ays-poll-container-] form .answer-title .answer-text, div[id=ays-poll-container-] form .ays_grid_answer_span { word-wrap: break-word; word-break: break-word; }