Jump to content

Website Header Margins on page crop

Recommended Posts

Hi All,

After a lot of tinkering, i've been able to line up my header, page margins and all else when in widescreen mode across my website. However, I'm running into difficulties with consistency when cropping a webpage in a smaller window (Eg on Tablet and smaller desktop windows).

Two issues I'd like to solve:
1. I want to make sure my header always has a margin between the edge of the browser (this does not occur in tablet mode or when a desktop window is very small before it switches to mobile mode viewer mode)

[See Image 1]

2. My Gallery Block, although the max width does not exceed my page margins at all, it tends to shrink beyond the width of the other blocks on my site when decreasing browser window width

[See Image 2]

Would love some suggestions if possible. Cheers!

Website: www.designedbykirk.com

Image 1.png

Image 2.png

Link to comment
  • Replies 0
  • Views 883
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Posted Images

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.