#1. Create Your Header In The Divi Theme Builder
Start off by creating your Divi Theme Builder header. If you already have done this, great, just skip ahead.
From your WordPress Dashboard, go to Divi>Theme Builder. Create a new template, and assign it wherevery you want to dispaly it on your site. In our example, we chose to assign the menu to a specific page where we are show you the demo in action.
Click on “Add Custom Header” and in the popup choose “Build Custom Header.”
In the Divi Theme Builder template, go ahead and create your design, and of coursse, feel free to use more than one section.
In our example, we made the first section with a socil media icons and a secondary menu, then the second section with the main site logo and menu.
#2. Set The Entire Divi Header To Fixed With CSS
Normally, with only one section in your Theme Builder header template, you would go to the Section settings to the Position toggle in the Advaced tab. But because we have two sections, setting them both to fixed would just cause them to overlap.
Instead of setting individual sections to fixed, we are going to set the entire Divi Theme Builder header template to fixed with a little bit of CSS. All you have to do is copy and paste this into your Divi>Theme Options>Custom CSS area.
RELATED: Where To Add Custom Code In Divi.
There you go! Now you can use more than one section in the header template if you want to and still have it fixed!
If you notice that the header overlaps the page content, and want a genius way to solve it, check out our other tutorial called How To Automatically Stop Your Fixed Divi Header From Overlapping The Page And Push It down Instead.
Don’t forget, we have tons of tutorials in our Divi Header series!