Jump to content

CSS Hyphens doesn't work

Recommended Posts

Hi there, 

on my website I use my own font and not one from Squarespace. Unfortunately the code to remove hyphens doesn't work and the words are randomly separated in mobile view. You will find an example in the enclosure.

Does anyone have a solution for this problem?

I used the following code:

p, h1, h2, h3 {
  -moz-hyphens: none !important;
  -ms-hyphens: none !important;
  -webkit-hyphens: none !important;
  hyphens: none !important;
  }

 

Thanks in advance!

 

Bildschirmfoto 2023-03-03 um 10.50.20.png

Link to comment
  • Replies 4
  • Views 362
  • Created
  • Last Reply

Top Posters In This Topic

Can you share a link to the site so that we can take a look? 🙂

About me: I've been a SQSP User for 18 yrs. I was invited to join the Circle when it launched in 2016. I have been a Circle Leader since 2017. I don't work for Squarespace. I value honesty, transparency, diversity and good design ♥.
Work: I founded and run SF.DIGITAL, building Squarespace Extensions to supercharge your commerce website. 
Content: Views and opinions are my own. Links in my posts may refer to SF.DIGITAL products or may be affiliate links.
Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee is optional.

Link to comment
  • 2 weeks later...

I am not seeing this issue on the mobile devices I have checked. Here is an example of what I see:

image.thumb.png.57463a3fab7e4ba7e741826b30e98fb8.png

About me: I've been a SQSP User for 18 yrs. I was invited to join the Circle when it launched in 2016. I have been a Circle Leader since 2017. I don't work for Squarespace. I value honesty, transparency, diversity and good design ♥.
Work: I founded and run SF.DIGITAL, building Squarespace Extensions to supercharge your commerce website. 
Content: Views and opinions are my own. Links in my posts may refer to SF.DIGITAL products or may be affiliate links.
Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee is optional.

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...

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.