Global header

Divi header Theme Builder header template

This Divi Theme Builder template is available to download from the Elegant Themes blog post "How to Create a Custom Global Header with Divi’s Theme Builder". The post has a full tutorial showing each step of the process to build a custom Divi header using the new Divi 4 Theme Builder templating system.

The Theme Builder allows you to create templates with a custom header, body, and footer and apply them to any page or post type on your site. By using the Theme Builder to create your header you can build any number of elements using the Divi modules and assign the whole template across your website.

This header template has used an image module for the site logo, a Social Media Follow Module, a Button module all in 1 top row. The second row includes a Menu Module which will display all the site navigation links.

By default the Header you add via the Theme Builder is not sticky or fixed like the default Divi header, so you will need to add some extra code to make it either fixed or sticky so that it does not take up too much space on the screen after scroll.

Affiliate disclosure* – Links to layouts on Elegant Themes and 3rd party websites may contain affiliate code. You will never pay any extra for using these links. Thanks for supporting Divi Theme Examples.