Divi Toolbox ➜ Header ➜ Enable Custom Fixed Header
You can enable this option if you’d like to display any section as a fixed header.
There are two types of fixed headers available:
Slide-In & Fixed Header
The section will slide down from the top of the page and remain fixed after user scrolls a certain number of pixels (set in the “Scroll Offset” field).
This effect can be applied to any section. Navigate to Settings → Advanced tab → CSS ID & Classes → CSS Class and add a custom class of: dtb-fixed-header
Standard Fixed Header
The standard (always fixed at the top of the page) effect can be applied to any section. Navigate to Settings → Advanced tab → CSS ID & Classes → CSS Class and add a custom class of: dtb-fixed-always
A section with this CSS class will stay fixed to the top of the browser window.
Move Page Content Below the Header
Enable this option to move the website content below the “Always Fixed” header section.