Jump to content

Recommended Posts

Hi there,

I'm currently building the website of a client on a MacBook (1470x707px), and I see huge discrepancies in the design when viewed on a wider screen (1920x1080px).

Differences include: text boxes staying the same height on wider screens and leaving large amounts of empty space, spaces between sections greater on wider screens.

Any tips on how to avoid these issues?

Link to comment
  • Replies 3
  • Views 185
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Can you share your website URL? and some specific issues?

What do you have the site width set to?

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) 

 Did I help? Buy me a coffee?

Link to comment
29 minutes ago, one-over-four said:

I haven't customized the page width, so it will be whatever the default value is.  Where can I check this?

Go to Style -> Accessories -> Spacing. Try a value of 1280px.

Editing at a resolution that is smaller than the site width + margin will make the text take up more lines and therefore more vertical space, which on a larger screen will create the blank space you are seeing.

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) 

 Did I help? 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.