TomWilkinson Posted September 27, 2020 Share Posted September 27, 2020 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 Link to comment
tuanphan Posted September 27, 2020 Share Posted September 27, 2020 Change your CSS to this h1 { font-family: 'Costa'; line-height: 40px; } TomWilkinson 1 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
TomWilkinson Posted September 27, 2020 Author Share Posted September 27, 2020 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 comment
proverbs31momma Posted November 18, 2020 Share Posted November 18, 2020 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 Link to comment
tuanphan Posted November 19, 2020 Share Posted November 19, 2020 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
AndreaOchoa Posted November 22, 2020 Share Posted November 22, 2020 hi im having the same issue with all the body text Link to comment
tuanphan Posted December 3, 2020 Share Posted December 3, 2020 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
hummingbird Posted June 29, 2021 Share Posted June 29, 2021 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 Link to comment
tuanphan Posted July 2, 2021 Share Posted July 2, 2021 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 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
norawinsler Posted August 21, 2021 Share Posted August 21, 2021 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 Link to comment
tuanphan Posted August 22, 2021 Share Posted August 22, 2021 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 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
norawinsler Posted August 24, 2021 Share Posted August 24, 2021 On 8/22/2021 at 3:27 AM, tuanphan said: Where is these text? It is on my portfolio blog entries... basically every entry when you view it on mobile. Link to comment
tuanphan Posted August 27, 2021 Share Posted August 27, 2021 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment