Kuinka estää Squarespacen automaattinen tavutus otsikoissa?

Onko Squarespace-sivustollasi kiusallinen haaste pitkien sanojen automaattisen tavutuksen kanssa? Tämä on hyvin yleistä, sillä suomenkielessä on paljon pitkiä yhdyssanoja ja automaattinen tavutus harvoin saa niitä oikein. Myös sähköpostiosoitteet tai kadunnimet saattavat automaattisen tavutuksen takia mennä sekaisin.

Tässä on yksi tapa saada tämä korjattua:

Mene Squarespaceen www.squarespace.com ja kirjaudu sivuillesi.

Mene Admin-paneeliin ja valitse DESIGN -> CSS

Kopioi ja liitä sinne viivojen välissä oleva teksti:

---

@media only screen and (max-width: 640px) {

 body {

   word-wrap: normal;

   -webkit-hyphens: none;

      -moz-hyphens: none;

           hyphens: none;

}

}

---

Tuon CSS-pätkän avulla sivustosi ymmärtää ettei siellä olevia pitkiä sanoja saa katkaista keskeltä, vaan ne pitää näyttää kokonaisuudessaan.