Overlay headers are very modern and visually appealing. Unfortunately, they make websites more difficult to manage because they require special design considerations and potentially limit what you can do with hero sections.
BUT … what if we could selectively apply an overlay header style to a given page while retaining a standard header on all other pages by default?
That would be very powerful!
AND … what if we could choose between an overlay header and a traditional header without having to manage two separate headers?
That would be way better!
That’s exactly what I’m going to show you how to do in this tutorial. And you’ll learn some other great stuff along the way, like using and styling data attributes, Metabox custom fields, Bricks dynamic data, Bricks conditions, and more.