[Resolved] Mobile only: Title on home page broken in half

[Nicole]

I noticed that a title on my home page, when viewed in mobile ONLY, has a word that is broken up. For example:

Do you need a virtual
assistant
to help you with your bus
iness?

Is there some way to ensure the word stays together? I’m surprised it doesn’t say something more like:

Do you need a
virtual assistant
to help you with
your business?

Is there a way to choos when a new line starts, on mobile ONLY?

GeneratePress 2.2.2

[Tom]

Hey Nicole,

This is happening because of how your HTML is set up: https://www.screencast.com/t/0donZKAC

You’ll see various   characters, which are non-breaking spaces. Those will prevent the words from breaking.

You’ll also see <br> characters, which will force the line to break, even if it’s not required.

You may not be able to see the   characters, so it’s best to just delete the spaces and re-add them.

Then you can remove the <br> elements, and your content will flow normally.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Nicole]

Fixed. I just re-created the block. For some reason I didn’t think of trying that. I’ll keep your advice handy for the future if this happens again, though. Thank you very much!

[Tom]

You’re welcome 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts