Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Removing Auto Hyphen from mobile view



I've seen a work around for preventing this by adding CSS code in the page headers but it doesn't work for me

  1. /* Hyphens */
  2. p {
  3. -webkit-hyphens: manual !important;
  4. -moz-hyphens: manual !important;
  5. -ms-hyphens: manual !important;
  6. hyphens: manual !important;
  7. }


I use the Hyde template and my home page (where the problem lies) is in Index format with parallax scrolling.

Is it the Hyde template that is preventing this code from working?

Many thanks

Link to comment

2 answers to this question

Recommended Posts

  • 0

Try adding this to the custom css area, after any other code that may be there. Also remove your code.


@media only screen and (max-width: 768px) {
	body {
		h1,h2,h3,p,li,a,em,i,strong {  
			-webkit-hyphens: none !important;
			hyphens: none !important;	
		.page-desc p {
			-webkit-hyphens: none !important;
			hyphens: none !important;


Please hit LIKE to share your appreciation of posts that are helpful or useful. 

The like button is somewhere over thereover-there.jpg

Of course, Likes don't pay the bills.. If you're looking for a Squarespace Developer you can hire me here

Link to comment

Create an account or sign in to comment

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

  • Create New...