Jump to content

Spacing between words are different in desktop & mobile version

Recommended Posts

  • Replies 5
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

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 useful to you. Thanks!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com/ 
🔌Ghost Squarespace Plugins (Referral link)
Buy me a coffee

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 useful to you. Thanks!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com/ 
🔌Ghost Squarespace Plugins (Referral link)
Buy me a coffee

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.