New Way To Create Headers In Divi 5
Divi 5 is introducing a completely new way to build — and it’s finally here. In this video, I show you how to create custom headers using nested modules, one of the most powerful upgrades to Divi’s structure so far.
With nested modules, you can now add modules inside other modules, giving you true layout freedom. For example, you can place buttons, menus, or even opt-in forms directly inside your header module — all fully responsive and design-controlled.
This new approach replaces the need for complicated section or row setups. You can now build flexible header layouts in seconds, without relying on external code or extra plugins.
In the tutorial, I walk you through:
- How nested modules actually work in Divi 5
- Setting up a responsive custom header from scratch
- How to reuse your header layout across your entire site
If you’ve been waiting to simplify your workflow while keeping complete design control, this is one you don’t want to miss.
This is great. Thank you. I'm looking for a way to create a full screen slide out menu with hamburger icon in the header on desktop not just on mobile.
Can you do a tutorial on that?
Is it possible to get the button into the dropdown menu for mobile-view? It feels "messy" with both icon/button AND the hamburger menu on mobile.
How about hiding the header before the scroll, while the header is sticky?
Excellent tutorial. You said you would upload it to your community but where is that?