Jump to content

Prevent Awkward Line Breaks in Headlines on Mobile

By thompsonry, in Site Design & Styles

Go to solution Solved by thompsonry,

Recommended Posts

thompsonry Level 4

thompsonry

Posted
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

Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

thompsonry
thompsonry

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.

Posted Images

Create an account or sign in to comment

You need to be a member in order to leave a comment

Sign Up / Login
Go to topic listing
×
×
  • Create New...

Squarespace Webinars

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

Upcoming Webinars →

Hire a Designer

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

Get Matched →

Support

Community

Developers

Resources