Streaming live at 10am (PST)

Sticky Element starting at the bottom

Hi guys!
I want my header to be at the bottom of the page for the landing page and then stick to the top, I thought the best option was to use Position: Sticky with 0px to the top, which works fine. But I can’t figure out how to position it at the bottom of the landing page to begin with, the usual Position: Fixed (Bottom) is obviously not an option and I don’t want to add margin until it fits to avoid the hassle of adjusting margin in order to be responsive. Is there any other option?

Here are two screenshots, one of how it should be positioned when first opening the page and the second one of how it should be when scrolled past.

Thank you!

Hi There,

Please add a read only link to your project so we could have a look at it and make suggestions!

https://preview.webflow.com/preview/klartraum?utm_medium=preview_link&utm_source=designer&utm_content=klartraum&preview=b96ab2d430de61f6386c3ef9d7e7e65b&mode=preview

here is hopefully the right link!