Jump to content

CSS for sticky sidebar nav

Go to solution Solved by Ziggy,

Recommended Posts

I'm trying to figure out how to turn the text box at the top of our page become a small sticky sidebar nav (basically a table of contents/index) for our main Barcelona page. I've tried a dozen different CSS solutions I've found online but not one of them works and I don't know what I'm doing wrong. 

The section I'm trying to turn into a sticky sidebar nav box is the "On This Page" block. Any help would be so appreciated. 


An example of what I mean is a (less fancy, less custom) version of something like this: https://www.travelandleisure.com/travel-guide/barcelona

Link to comment
  • Solution
On 5/12/2023 at 7:57 PM, DominiqueFM said:

Hey @Ziggy Thanks for this! I think this thread is for 7.0 and my site is on 7.1? Would it still apply?

Not entirely, same ideas can apply though, try this instead:


What's your website URL?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

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.