Custom headline getting cut off on smaller phone screens

see here:

Hey @logoglo,

You need to make your text responsive. You can learn how by watching the videos below.

Hope that helps.

I thought headlines where responsive? for example, on another site I am working on, the headline just breaks to the next line…

Shouldnt this do the same? otherwise Id be adding responsive text to all the text on the site, in a theme that is meant to be responsive out of the box.

Hey @logoglo,

The breaking of text is not called responsive text. It’s just the natural flow of text. The “Let’s Build…” text does that too. Notice that on desktop, the text flows in 1 line. On mobile, it’s broken to 2 lines.

Responsive text is defined as the changing of the text’s font size according to or depending on screen size. I recommended that you set up Responsive Text for that particular headline because it looks nice in 2 lines and thought that’s your goal too.

Since your goal is just for the text to break, make sure that you break the text with a space. Break it somewhere between the “h” of the word Wealth and the “T” of Together. That’s the only way to break them naturally. Maybe you can break them using Javascript or some other CSS hacks but that’s outside the scope of our theme support.

The following screenshot is how your text would break if you add space before the “T” letter.

Hope that helps.

That did the trick! thanks.

You are most welcome!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.