Jump to content

Site Width on Various Devices

Recommended Posts

We recently discovered that depending on the device that people are viewing the site on, the text/images/boxes are overlapping or stretching. For example, it looks great on a Macbook/Laptop, but when viewing on an iMac desktop, the site is so stretched and there is so much space. Is it possible to lock the site dimensions so no matter how large their browser is, they are still getting the same view? I hate that content is shifting around!! 

site password: wmtg123

@tuanphan - you're the legend!

Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

To start with try changing your page max width to 1200px (under Site Styles -> Spacing). 2000px is very wide, and clearly wider than the screen you are designing on. This will require tweaking the design on all of your pages, but start with the homepage (or a duplicate of the homepage) and if you want to make the page width wider again you can easily revert. You could also get rid of the blank columns you have on most sections which will help the view on smaller screens.

If you are getting overlapping you may have blocks that overlap in a way that is not necessary and causes problems on certain screen sizes.

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

Zygmunt Spray
Squarespace Website Designer
Contact me: 

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (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.