Transparent Sticky Header
FREE!
Get 10% OFF your Elegant Themes membership
*(affiliate link)
Sticky Header template with transparency
The Elegant Themes tutorial (and free Divi layout JSON) will show you how to create a custom sticky header that changes from transparent to the solid color background as the user scrolls down the page.
These header and footer templates are created using general Divi modules within the Theme Builder. The Theme Builder then allows you to assign the templates to all header and footer areas throughout your website.
This Divi layout is available to download on the Elegant Themes website and is accompanied by a step-by-step tutorial that shows you how to create the layout from scratch.
You can download the completed Divi layout template for free on the Elegant Themes blog post “How to Create a Sticky Header with Divi’s Sticky Options”.
Affiliate disclosure* – Links to layouts on Elegant Themes and 3rd party websites may contain affiliate code. You will never pay any extra for using these links. Thanks for supporting DiviLayouts.com.
Craig Longmuir –
A popular request … easy to make your Divi header sticky, shrink on scroll, transparent or not on scroll. 🙂