Jump to content

Letter-spacing issue on mobile (Fulton)

Recommended Posts

Site URL: http://dustlight.co

Have posted this question before but still can't resolve. I've added several typefaces to my site and defined all styles in my custom CSS. Per page, I'm either using the default squarespace text box to add copy, or I'm adding a code box and just adding a little bit of CSS to my html text to change color or alignment. Using the Fulton template.

I'm not having trouble anywhere except my <h1> is showing up weirdly on mobile—for some reason seems like letter-spacing is being added. It doesn't show up when I manually resize the window on desktop, just on mobile (see attached). I don't have any manual letter-spacing added anywhere on the site via CSS, and I also don't have any letter-spacing added to any of my text in the squarespace site styles dialogue. 

 

IMG_6178.thumb.PNG.f3adad4c7cb269639d7a704c68f93bab.png

797973786_ScreenShot2020-02-29at7_49_08PM.thumb.png.18b4136b8141d5d28dbf8340160095f0.png

Link to comment
  • Replies 3
  • Views 1.5k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

3 hours ago, rwp said:

It works fine on both of my devices, but I am going to guess that some browsers aren't supporting letter-spacing: 0;

Try letter-spacing: 0px; or letter-spacing: normal;

I guess problem on iPhone/Safari.

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 1 year later...

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.