Make first section 'sticky' with nav

I'm making a big site and I really need a secondary nav but until that is implemented by our SS gods I'm winging it.

I want to make the first section of every page 'sticky' so it forms a kind of sub-menu to my main nav.

https://buffalo-wisteria-c8kf.squarespace.com/

Password is secondnav

Not a css expert so any help would be amazing. I do have to implement it on a zillion pages so if there was a way of making it global and then I could switch it off on just the few that don't need it that would be heaven.

11 hours ago, Ziggy said:

You can try this Custom CSS, it'll target the first section on every page, but can be targeted to just one page.

#page .page-section:nth-child(1) { 
  position:sticky;
  top:0;
  z-index:999;
}

Let me know how you get on.

AMAZING. Thank you so much! That worked a treat. But how do I turn it off on the pages I need it not to happen on? It's really messed with the home page. Hehe.

I guess I could put a section on the pages that I don't have a submenu if there isn't a code fix.

Ah, the code is stopping me from adding blocks in sections when I'm attempting to edit pages.... 😞

CSS rulesets that can be problematic while trying to edit a page, the selector can be prefixed by html:not( .squarespace-damask )

Pseudo code...

html:not( .squarespace-damask ) your-selector {

  some property value pairs here;
  
  }

Let us know how it goes.