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

Hi,
I had a quick look. I think you have 2 options:
(DESIGN > CUSTOM CSS)

A) move the whole content down

e.g.

.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

[data-section-id="61479941d692124298d8f9b1"]
{margin-top: 130px !important}}

Hope that helps!

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

1444201628_Bildschirmfoto2021-09-21um09_05.thumb.jpg.5a8e07d1a5b3a01e5ca15059b0281c59.jpg

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.