Go to Divi > Theme Builder
Build a new Header layout. It can be either a Global Header layout - used across your entire website - or a specific Header layout assigned to specific pages.
Inside the Header layout, insert a new Row
Insert the Menu module
Open the Menu module and set the logo
Edit the Section (that contains the Menu module), and in Design Tab > Spacing > Padding, set
30px
for top and bottom paddingGo to Advanced Tab > Scroll Effects and set it to be Sticky to Top
Go back to Design Tab > Spacing > Padding and enable the Sticky State
Set new values for the top and bottom padding of
10px
.
Using the Theme Builder, we can create our custom Header layouts, allowing us to build truly unique layouts.

Written by Eduard Ungureanu
Updated over a week ago