Website Building » Squarespace » What Is Fixed Header Style Squarespace?

What Is Fixed Header Style Squarespace?

Last updated on October 1, 2022 @ 3:58 am

The fixed header style is a popular choice for Squarespace websites. With this style, the header remains in a fixed position at the top of the page, even as you scroll down.

This can be helpful if you want visitors to be able to quickly navigate back to the top of your page.

To add a fixed header style to your Squarespace website, simply go to the Style Editor and select the “Fixed Header” option under “Header”.

If you want to further customize your fixed header style, you can do so by adding a background color or image. To do this, go to the “Design” tab and click on “Custom CSS”. Then, add the following code:

PRO TIP: If you are thinking about using the “Fixed Header Style” on your Squarespace website, be warned that it is not compatible with all browsers. In particular, this style does not work well with Internet Explorer 11.

.sqs-header-overlay {background-color: #000000;}

Replace #000000 with the hex code of the color you want to use. You can also add a background image by replacing “background-color” with “background-image” and adding the URL of your image.

The fixed header style is a popular choice for Squarespace websites because it allows visitors to quickly navigate back to the top of your page. You can customize your fixed header style by adding a background color or image.

Drew Clemente

Drew Clemente

Devops & Sysadmin engineer. I basically build infrastructure online.