Jump to content

Website Margins

Recommended Posts

Hi! I would love some assistance on why the spacing on my site seems to vary so much from the Preview to pretty much any other platform. I'm mainly looking at the site margins (and I already tried adjusting in style settings - it didn't help) and the size of all the content (it seems to get much bigger outside of Preview). 

Any assistance would be helpful!

Site is: kayleecookdesign.com

Attached are screenshots: 

Screenshot from Safari.png

Screenshot from Google - Squarespace Preview.png

Edited by mgcreative
adding link
Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images


Really pretty pictures!

I think part of the problem is the code that's pushing the image above the site title/logo. The reason you're getting different margins with the logo and the "Seamless design" section is because it's the site title and not an image within the section that has the "Seamless design" text and image in it. Changing the header from Full to Inset should help this though.

The other issue it's causing is when you click the hamburger it opens up the menu, but the top image is covering up the menu...and there's no way to scroll the page to see more of the menu.

Here's a video showing how it looks on my screen and a suggestion on how to fix it - https://app.screencast.com/vujq4aAoWdqYV

Let me know if you have questions, ok? 🙂

Jessica Miller | Squarespace Website Designer

Search the blog and get weekly Squarespace tips to your inbox

Want to pick my brain or get help? Book a free 15 minute call.

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.