Better Headers: Fullscreen Hero with Sticky Navigation

Who doesn't like fullscreen hero headers? And who doesn't love sticky navigation? What if I told you with just a couple clicks you can have BOTH in the Header Builder and use them to create flexible and engaging layouts for your site visitors. If that sounds interesting to you, check out the video!

We'll be diving into the world of CSS calc() statements as well as how to create a sticky navigation that starts at the bottom of the screen and then scrolls down the page once the top of your browser catches it.

Don't miss a thing! Follow us here:

[hjmack]

Love this look! And your clear explanation of the calc function - whole new worlds just opened up!

[StartAStudio]

This was the best-timed video ever… the calc() function is exactly what I needed for a clients site design we're working on. I like the clean result so much I might put it on our own site too. Awesome videos thanks for making the new content.

[Schauk]

It's really inspiring to see how your brain works. Thank you Kory.

[ErichNolanBertussi]

this is the header we make for every website, the [calc] trick is sweet.