Jump to content

Foster template - how to keep navigation bar visible when scrolling

Recommended Posts

.Header-inner--top {
position: fixed;
z-index: 9999;
display: block !important;
left: 0;
right: 0;
top: 0;
margin-left: auto;
margin-right: auto;

Try pasting this code in your Custom CSS.

You will have to change top: 0 with the number of px you'd like to move your header from the top of the browser and then move all the content below as well.

To move all your content you can use:

.Site-inner {
margin-top: 100px;

and change "100px" with the margin you prefer

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.