How to get rid of hyphens on mobile

 
 

It can be frustrating when you manage to get a bit of text look beautiful on desktop but when you switch to mobile, there are hyphens all over the shop. To change this, go to: 

  1. Design
  2. Custom CSS 
  3. And copy in this code: 
h1, h2, h3, p, ul {
-webkit-hyphens: none !important;
-moz-hyphens: none !important;
hyphens: none !important;
}

What this code means is that any heading 1, 2, 3, main paragraph and lists will make sure the word stays in it's entirety. 

 
 
 
How To, Custom CSSMary Philip