Header
100% Native
Payments Mega Menu
Header 01
0 downloads
Divi 5 Ready
About This Layout
What's Inside
- 1 section, 1 row and 166 Groups, laid out with Divi's Flex and Grid layout.
- Modules: Text (126), Button (3), Icon (34), Image (8).
- 107 native Divi Interactions (57 on hover, 22 on click or tap, 19 on page load, 9 when the pointer leaves), no JavaScript.
- Entrance animations on 11 elements.
- A sticky bar that stays at the top of the screen while visitors scroll.
- Separate tablet and phone settings on 8 elements.
Best For
- The navigation bar at the top of a site.
- Fits SaaS and software sites.
- Suits a light design.
- Add it to a header template in Divi's Theme Builder and it shows on every page.
How to Customize
- Colours: White #ffffff, Ink #111827. They arrive as global colours when you import, so changing one in Divi updates every module that uses it.
- Fonts: Inter (500, 600), Plus Jakarta Sans (800). The largest text is Inter at 15px.
- Replace the 8 images with your own in their Image modules.
- To change what a click or hover does, open that module's settings, Advanced tab, Interactions.
- Some elements show only at certain screen sizes (Advanced tab, Visibility), so check tablet and phone after you edit.