Sticky menu bar
Get 10% OFF your Elegant Themes membership
Use sticky options to create a floating sticky menu bar
The Elegant Themes tutorial (and free Divi layout JSON) will show you how to create a menu bar that begins below a hero section and sticks to the top of the page as the user scrolls up the page. This effect is created using the built-in Divi sticky options. You can stick any Divi element to the top or bottom of your website using the sticky feature and it creates a great effect for stacking your content so that each row scrolls over the top of the previous one.
For more info about creating and customizing a Divi menu, you can read the How to build a Divi menu guide.
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 “Pick up” Your Divi Sticky Header When Passing Your Page’s Hero Section”.
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.