Jump to content

Custom font overlapping on mobile

Recommended Posts

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 comment
  • 1 month later...

Add to Home > Design > Custom CSS

/* Fix FAQ overlap */
@media screen and (max-width:767px) {
div#page-section-5f9911cbe5da215b553231e3 h3 {
    line-height: 20px;
}
}

 

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 2 weeks later...
On 11/22/2020 at 9:39 PM, AndreaOchoa said:

hi im having the same issue with all the body text 

 

Hi. Have you solved this yet?

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 2 weeks later...
  • 6 months later...
On 6/30/2021 at 3:02 AM, hummingbird said:

Hi, I'm having a similar issue. Can you help me?

My custom h4 font overlaps only when there's an "re" on mobile.

Page: storylinedesigncompany.com/packages

 

IMG_C623FAAD7532-1.jpeg

The screenshot looks fine. Can you explain clearly?

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 1 month later...

Hey - I'm having the same issue with my blog post text. I've tried increasing the line height to above 1em.. it didn't work. It happens on mobile for a lot of my pages but is happening on desktop with this particular blog post. Can you please help? 

www.norawinsler.com/portfolio

 

Screen Shot 2021-08-20 at 10.03.03 PM.png

Link to comment
On 8/21/2021 at 9:07 AM, norawinsler said:

Hey - I'm having the same issue with my blog post text. I've tried increasing the line height to above 1em.. it didn't work. It happens on mobile for a lot of my pages but is happening on desktop with this particular blog post. Can you please help? 

www.norawinsler.com/portfolio

 

Screen Shot 2021-08-20 at 10.03.03 PM.png

Where is these text?

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 8/24/2021 at 9:23 AM, norawinsler said:

It is on my portfolio blog entries... basically every entry when you view it on mobile. 

Hi. I checked some entries & don't see these text. Can you share link to a post where you have problem?

https://nora-winsler.squarespace.com/directing-portfolio/2021/8/24/extraordinary-women

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.