Move the First Section Down

What does this code do?

In Squarespace 7.1, the background image in the first section can be hidden behind the header. This code snippet will allow you to move the first section down so that the full image displays under the header.

Code Snippets

Copy and paste this code into Design > Custom CSS

#COLLECTIONID #page .page-section:nth-of-type(1) .section-background {
  margin-top: 10vw !important;
}

Then edit the number 10 to match your header. Make sure to check on all screen sizes.

How To Use It

1. Copy and paste the code as indicated above.

2. To learn how to find a collection id, page id, or block id check out our Start Here guide.