Removing Logo on Scroll up in Tremont

Hi there, I have seen variations of this question asked but none of the suggested solutions have worked.

I'd like to stop the header from reappearing on scroll-up, and only have it reappear once the user reaches the very top of the page, is its possible to achieve this just using CSS?

Many thanks,

Rory.

Hi there, been playing around for a few days to solve this same issue.

inject this into CSS in Design page

.site-header{
  position: absolute;
}

Hey @ChristopheRosario!

Thanks for sharing this. It's a great solution and is working except that once you reach the end of the page and the 'home' page shows up again (after you scroll past the footer) The logo and main nav have disappeared.  Is there a way to use the code you provided but still have the logo and main nav show past footer scroll? I hope that make sense.

website: https://skelafoods.squarespace.com/
passcode: foods
example page: Deli

Thanks so much in advance for any direction you can provide!