Jump to content

Turn off automatic hyphenation?

Recommended Posts

  • 3 months later...
  • Replies 19
  • Created
  • Last Reply

You would first need to specify the mobile screen size you are targeting, and the element such as body text, site title or whichever element it's occurring with. It might look something like this for iPad:

@media only screen and (max-width: 640px) {
 body {
   word-wrap: normal;
   -webkit-hyphens: none;
      -moz-hyphens: none;
           hyphens: none;

You would add this to the CSS Editor.

Link to comment
  • 3 months later...
  • 1 month later...
  • 5 weeks later...
  • 1 month later...
  • 3 months later...
  • 11 months later...
  • 1 month later...

It worked on Thorne. Thank you!Since the text I was wanting to apply the code to is formatted as Header 2 textI used it with h2 only p, h2 { -webkit-hyphens: manual !important; -moz-hyphens: manual !important; -ms-hyphens: manual !important; hyphens: manual !important; }

Link to comment
  • 3 months later...
  • 1 year later...


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

This topic is now 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.