Better Headers

Fullscreen hero headers and sticky navigation has become a popular tool which you should master to build websites that stand out. We will show you how you can achieve both of these features with a few clicks in the Header Builder.

Watch this video to add some depth into your header designs by adding layering Bars using the Header Builder's Initial Position control.

Have you ever been sat day-dreaming about headers with multiple backgrounds and a parallax effect for your website, and wondered how that's even possible? Of course you have! Well you're in luck, because in this video, Christopher shows you how to do just that using Pro.

Love sticky footers for your headers on mobile? Yes, you heard right, we're talking about navigation that sticks to the bottom of your screen on mobile only, whilst content scrolls above and underneath. It's a technique that can have many uses, such as for calls to action, call now buttons, and more.

Sticky header controls left you scratching your head? Want to create the finest sticky headers in all the lands? Watch on in amazement as Christopher walks you through the configuration options for sticky headers in our Pro Header Builder. Then tell a friend all about it.

This video is an update to our original "Content Scrolling" video posted a little over a year ago (which you can see here if you're curious​). In this latest video, we discuss how the Content Scrolling feature of Bars has been updated to allow for more flexibility and greater accessibility across devices and screen sizes. Follow along as we discuss how to leverage this powerful feature in your Header (and Footer) designs!