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

Custom font overlapping on mobile


TomWilkinson

Question

Site URL: http://primrose-okra-apc5.squarespace.com/

Hello,

I am having trouble with a custom font causing overlap and/or spacing issues when viewed on a mobile. It seems to only cause problems when the text is forced onto the next line when view on a mobile. 

I seem to have some luck with changing the underlying font which is being overridden with custom CSS for H1, but that seems like a strange work around and it doesnt actually fix the issue. 

Site: http://primrose-okra-apc5.squarespace.com/

Pass: password1234

Cheers,

Tom

OverlappingTextOnMobile.JPG

NonoverlappingTextOnDesktop.JPG

Link to post
  • Answers 5
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Change your CSS to this h1 { font-family: 'Costa'; line-height: 40px; }  

Posted Images

5 answers to this question

Recommended Posts

  • 0

Thank you! I found that this fixed the issue as long as I used spacers on the desktop version to get the correct formatting I wanted rather than using a hard return. Thanks so much for your help!

Link to post
  • 0

I am having similar issues on my FAQs page. Only the questions are in custom font and overlapping. Can you help me??

Site: https://scarlet-clover-cg34.squarespace.com/

No Password, I think. I am new to this so let me know if you need anything else.

 

Best,

Maria

Screen Shot 2020-11-18 at 7.39.44 AM.png

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...