Jump to content

Header Cuts off my Image

Recommended Posts

Site URL: https://koi-tarpon-n5ta.squarespace.com/home

Site URL: https://koi-tarpon-n5ta.squarespace.com/home

When I add a header to my page that is not transparent, it cuts off the top of my image.  I assumed it would automagically move the image down to start under the header.  Resetting the focal point of the image doesn't make enough of a difference.  I have tried different cropping/resizing techniques for the image, but haven't found anything that works.  I saw some other posts about this, but the only technique I could get to work is adding a blank section which created too large of a space.

Temp password: sm@llt0wn-config!

Thank you!

Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

I had a quick look. I think you have 2 options:

A) move the whole content down


.page-section.vertical-alignment--middle:not(.content-collection):not(.gallery-section):not(.user-items-list-section) {
    align-items: center;
    margin-top: 130px;

B) or only  this individual image

{margin-top: 130px !important}}

Hope that helps!

Besides that you might have another photo with more spacing on all sides.


Bildschirmfoto 2021-09-21 um 09.05.52.png

About Armin:
Squarespace Expert Profile: https://www.squarespace.com/designer/profile/3649084
Website: www.braunsberger-media.com
Leaders Lodge: See my Profile

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.