Got a quick response back from Squarespace...
Hi there,
Greetings from Portland, Oregon. Thanks for writing in to Squarespace Customer Support!
I've gone ahead and read through for article you linked as well as checked out your site and I can see what you mean. At this point in time the behavior that you're seeing is expected and we mention that a header with a solid background color will cover some of your image here:
In the meantime what I can do is submit the option to not have the header overlap some of the image as a feature request to our Development Team for you. We can't guarantee that each suggestion will be implemented, but each one is reviewed by the team and we do appreciate the feedback.
Moving on, if you don't want to have your solid background header overlap your first image you might consider using custom code to resolve this. That being said, be aware that due to their complex nature, we're unable to offer assistance or troubleshooting for code modifications or additions. These types of modifications may cause unwanted results when interacting with our platform, templates, or updates we release. This guide is an excellent starting point:
If you're looking for an option that won't require code, I'd recommend giving the work around that NovaMae mentioned which includes adding a blank section with no content above you full bleed image and setting it to the lowest height possible. From there you can add a background color that matches your header and that can help push that content down so it's revealed in full.
I'm really struggling to get an image to display properly in the first section of a page in 7.1. If I add the image to any section below the first section, it will display properly.
The first section on each page appears to have a shorter height, I guess because of the site header. But I can't seem to find any combination of image sizing that won't cut off the top of the image when it displays.
I have the section height set at 100%. I've dragged the focus dot up to the very top of the image. I've resized, cropped, and re-loaded at least a dozen variations of image sizes and nothing is working.
The image is full bleed, so I have it set on the long edge at 2500px, but no matter how much I crop the height, it still cuts off the top and just enlarges the image to fill the space. It's maddening.
Is there a page header code injection I can use to properly display the image in this section?
And does anyone know the ideal proportions for full-bleed images in this first section? Or the actual dimensions of this section?
Thanks!
