Jump to content

Code for Keeping the Navigation Bar visible while scrolling on website

Go to solution Solved by bycrawford,

Recommended Posts

I am a designer working on a website for a client, currently they are asking for a navigation bar that follows you as your scroll down the pages. Is there any code to make this happen? For reference they are basing this idea off of this website https://www.brassfeedammo.com/.  

Also they would like the product photos to appear smaller and have drop down menus for different types.


Th website password is : Ammo123!

The client does not want this to go live until the website is completely ready.

Link to comment
  • Solution

Hey Megan, you don't need code for this!

Just click 'Edit', click on your header and then toggle 'Fixed position'.

Pic attached for reference.

Screenshot 2023-01-03 at 08.33.54.png

Sam Crawford | by Crawford.
Multi-award-winning Squarespace expert
💸 Speedrun your first $100k as a Squarespace designer: sixfiguredesign.club
📱 Hire me to build your Squarespace website: calendly.com/bycrawford/call
Did my comment help? To help others benefit, leave a like and mark my answer as 'best'. This lets users scroll straight to the solution they need.
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.