Jump to content

Prevent Awkward Line Breaks in Headlines on Mobile

Recommended Posts

Posted

I haven't come across an adequate solution in the forum for preventing words from breaking to another line on mobile. In my case a single letter of a headline is breaking to another line. Thanks for the help, gang. 

If I somehow missed this solution in another post, let me know. Thanks again!

 

Screen Shot 2021-05-02 at 3.12.20 PM.png

  • Replies 1
  • Views 1k
  • Created
  • Last Reply
Posted
h1 {
  font-family: "font-name";
  overflow-wrap: normal;
}

Welp, here's my solution. Using "overflow-wrap: normal;" in my H1 solved it. Hope this helps other folks.

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.