BrandSetGrow: Affordable Web Design

View Original

How to Create A Fixed Header in Squarespace 7.1

Rita Margarida Jerónimo

3 Simple Steps To Create a Fixed Header In Squarespace 7.1!

Are you looking for ways to keep your website header showing as your visitor scrolls down and up your website? Don’t worry, it’s easier than you might think!

Below we’ll explain in just 3 simple steps how to make sure your logo and navigation are always visible to your visitors. Let’s get started!

How to Create A Fixed Header in Squarespace 7.1

Step 1: Edit the Site Header

  • LOG IN to your Squarespace website

  • On your homepage click EDIT

  • Go to your header and click EDIT SITE HEADER

Step 2: Change the Site Header Style

  • Once you click EDIT SITE HEADER you’ll see the GLOBAL settings

  • Scroll down until you see FIXED POSITION

  • Turn FIXED POSITION ON using the toggle button

  • Once the FIXED POSITION is ON two options will be displayed BASIC and SCROLL BACK

  • If you want the header to be visible at all times you should choose the BASIC option. If you instead want the header to be only visible when the user scrolls back toward the top of the website you should choose the SCROLL BACK option.

Step 3: Save your Changes

  • Once the settings are correct, click DONE > Save in the upper left of your page to apply the settings to your website

Final Thoughts

That’s it - 3 Simple Steps To Create a Fixed Header In Squarespace 7.1! Couldn’t be more simple, right?

We hope this article was clear and straight to the point! We have no doubt that after reading this you’ll be able to create a fixed header on your Squarespace 7.1 website.

Now it's your turn to tell us, after reading this article do you have any questions? Send us your thoughts, and any other concerns you might have, and we’ll do our best to answer them.

Want to start working on your online presence? Check out our free resources!

FIND THIS POST HELPFUL? YOU’LL ALSO LOVE THESE…

BE SURE TO GRAB OUR FREE TRAINING BEFORE YOU HEAD OFF!