How to remove hyphens on mobile on Squarespace 7.1

Squarespace 7.1TutorialsResponsive
Written By Primitus Consultancy

This tutorial shows you how to remove hyphens on mobile on Squarespace 7.1. Squarespace adds hyphens to the header text on mobile devices. However, if you don't wish to have this displayed, then you can use the code below.

Simply, copy the code below and paste into the custom CSS section of your Squarespace site.

Complexity: Easy

body {
-webkit-hyphens: manual !important; 
-moz-hyphens: manual !important; 
-ms-hyphens: manual !important; 
hyphens: manual !important;  
}


h1, h2, h3, h4 {
-webkit-hyphens: manual !important; 
-moz-hyphens: manual !important; 
-ms-hyphens: manual !important; 
hyphens: manual !important;  
}

All work in this guide is provided ?“AS IS”. Other than as provided in this agreement, this guide makes no other warranties, express or implied, and hereby disclaims all implied warranties, including any warranty of fitness for a particular purpose.

If you require professional advice, we recommend that you purchase the services of a Developer.

Home Blog
Primitus Consultancy

We work with small and medium-sized businesses to help create a professional online presence. We provide a one shop full-service design studio in London, United Kingdom. 

https://primitusconsultancy.co.uk
Previous

Replacing the mobile hamburger menu icon with your own image on Squarespace 7.1
Next

Having a table of content on Squarespace 7.1