Jump to content

Text is misaligned on different sized phone screens.

Go to solution Solved by Ziggy,

Recommended Posts

Hello, I am not sure if this is even an issue that can be solved, but as somebody who is using Squarespace for a portfolio to show my design work this is extremely concerning. I have aligned my text in both desktop and mobile mode, however, it seems on certain iPad screens and mobile screens some of the text is not realigning properly and some of the text is looking like the photo below. It is overlapping or two lines of text are right on top of each other. However other text realigns perfectly and has perfect spacing.

This is happening in several of my projects is there any way to make sure this doesn't happen? I use this portfolio when I apply for jobs so to see this from an employer's point of view it looks very unprofessional, especially for a designer. If not I will have to use a different website which I do not want to do! I hope somebody can help me find a fix. Thank you. 

Screen Shot 2024-03-15 at 12.00.06 PM.png

Link to comment
  • Replies 2
  • Views 1.4k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

  • Solution

Can you share your website URL?

From the screenshot it looks simply like you have two overlapping text blocks for the heading and body, and when the heading breaks to two lines that text then overlaps. Either put all of the text in one block, or make the heading block smaller so the block isn't overlapping the block below it.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️ Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
  • 3 weeks 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.