#1. Create Your Fixed Divi Theme Builder Header Menu
From your WordPress Dashboard, go to Divi>Theme Builder. Create a new template, and assign where needed. In our example, we chose to assign the menu to a specific page.
Click on “Add Custom Header” and in the popup choose “Build Custom Header.”
In the Divi Theme Builder template, create a section and add a row with any layout you want. In our example, we used a menu module with a logo.
The main thing we need to do is go to the section settings to the Advanced tab and go down to the Position toggle. Set the position to Fixed.
#2. Set Fixed Divi Header for Desktop or Mobile
Use The Build-In Divi Responsive Settings
At this point you can leave the Position setting set to default, which will affect all devices, or to set it to something different per device.
You can set your Divi header to be fixed just on Desktop, or just on Phone.
If you want to take this a step further and create a fixed transparent header, you will want to check out other tutorial on making a transparent header in Divi 4+. It’s different than it was prior to the Theme Builder, so it’s worth a look.
NOTE: Our next tutorial is going to be special and add on another interesting dimension to this! Keep an eye out on Thursday!