Create a Fixed Header in Squarespace 7.0 and 7.1

Depending on the style of your website, you may want the header to stay in place as people scroll through your site. A fixed header allows your header to stay fixed in place at the top of the screen as your viewers scroll.

The following video shows you how to create a fixed header in both Squarespace 7.0 and 7.1. The code used in the video is provided below.

The following code is used in the video.

/* Fixed Header */
.Header {
  position: fixed;
  z-index: 9999;
  width: 100%;
  top: 0px;
}
.Content-outer {
  margin-top: 50px;
}

Here are some other posts you may like:

• How to Create a Vertical Navigation in Squarespace

• How to Use Anchor Links to Jump to a Specific Spot on a Different Page

• How to Add a Page Loading Screen on Your Squarespace Website