Jump to content

Spacing between words are different in desktop & mobile version

Recommended Posts

  • Replies 5
  • Views 255
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Can your share your website URL and site wide password if not live?

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

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

  Did I help? Buy me a coffee?

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

Link to comment

Hi @Tommy22 from your screenshots it looks like you have two problems (I'll be able to tell looking at the website).

First, it looks like the text has a line-height of zero, which means that each new line is simply on top of the previous line, I would recommend having a line height of between 1.2em and 1.6em. You can adjust this in the site styles and fonts.

Secondly, it looks like you might be using Fluid Engine editor (with a grid pattern) but this editor requires that you adjust the layout on both mobile and desktop, the layouts are not connected, so when you add and position a new block on desktop, you then need to go into the mobile editor and position the new block (by default it will be at the bottom on mobile).

Let me know if that's solved the problems you are having.

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

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

  Did I help? Buy me a coffee?

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

Link to comment

Thanks for sharing the password and you website URL. I've had a look and my previous answer is exactly the problem, and should give you the solution.

Go to Design -> Site Styles -> Fonts -> Headings and adjust Heading 2 to have a line height of 1.2em.

Edit the page, then click on the mobile toggle (top right corner) and move the blocks to where you want them. Click and drag or click a block and use the arrows to move it up or down.

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

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

  Did I help? Buy me a coffee?

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

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.