Disable the Divi Theme Builder Header

Written by Dan Mossop

The Divi theme includes a feature for creating page templates with custom headers, footer and / or  layouts, known as the Divi theme builder. If you are trying to disable a custom header built using the Divi theme builder and restore the default Divi header this post explains how to do it.

Deactivating the Custom Theme Builder Header

There are two options for deactivating a custom theme builder header. You can disable the template containing it, or you can remove the custom header layout from the template.

Disable the Divi Theme Builder template

To restore the default header, you can disable the template with the custom header in the theme builder.

To do that, go to "Divi > Theme Builder" and hover your mouse over the green "Global Header". When you do that, you should see some buttons appear like so: 

Click on the last of these (the "three dots" menu button), and then click "Disable Template":

Now click "Save Changes":

The custom header should now be disabled (you can easily enable it again by selecting "Enable Template" from the "three dots" menu if you want).

On the front-end you should now see the default Divi header – something like this:

Remove the custom header layout from the template

Alternatively, to restore the default header you can either:

  • Move the header layout to another template (one that doesn't apply to the areas of the site where you want the default header restored), or
  • Delete the header layout from the theme builder template entirely (i.e. using the "trash can" icon next to the header layout).

If you want to keep your header for future use you can save it to the library before deleting. Once deleted, the default Divi header should be restored and the customizer options should be back.

Fixing the Header and Navigation theme customizer settings missing

A related situation you may encounter is when, in addition to the default Divi header not displaying, the Header and Navigation theme customizer section is missing. Here's how to solve that.

This customizer section only applies to the default Divi header and is is actually hidden by Divi on purpose when a custom theme builder header is used.

The missing default header / customizer options problem can also occur if you hide the theme builder header within the customizer, like so:

When you only hide the header within the theme builder like this, rather than fully disabling it, it won't show the theme builder header on the front end. But it also won't restore the restore the default Divi header, so you'll end up with no header showing at all. And because the default Divi header isn't active the "Header and Navigation" options are hidden from the customizer (since they only apply to the default header, not theme builder headers).

The solution is to fully deactivate the custom header as described earlier in this post.

Supercharge Your Divi Site with Precision Targeted CTAs

Boost engagement on your WordPress site by customizing CTAs for your posts. With WP Magic CTAs, you can create unique, targeted call-to-actions for each post, attracting more visitors to your site and enhancing conversions. Seamlessly integrated with posts for optimal impact.

About Dan Mossop

Dan is a Scottish-born web developer, now living in Brisbane with his wife and son. He has been sharing tips and helping users with Divi since 2014. He created Divi Booster, the first Divi plugin, and continues to develop it along with 20+ other Divi plugins. Dan has a PhD in Computer Science, a background in web security and likes a lot of stuff, 

6 Comments

  1. I did as this article suggested, but the default header and the option for it in the customizer is still gone! Any ideas?

    Reply
    • Hi Laura, I'm not quite sure… if you're willing to share login details via the contact form I'll be happy to login and take a look to see if I can spot the issue. Thanks!

      Reply
  2. Thanks Dan. This helped me go back and restore the default navigation settings before going forward with the theme builder header. I was hoping it would fix the jumping header. It didn't, but it's nice to know the default nav isn't gone forever!

    Reply
    • Hey Janice, I'm glad that helped restore the settings. I wouldn't expect it to solve the jumping header issue. There are some tutorials out there on how to fix it by setting the page container padding in CSS, e.g.:

      https://www.markhendriksen.com/how-to-fix-divi-jumping-header/

      If it doesn't help, please feel free to send through a link to an example page and I'll try my best to help with it. Thanks!

      Reply
  3. I have tried everything, watched numerous youtube videos, but this article solved my problem. My header disappeared from many pages on my site and the Header and Navigation setting was missing too, but this post helped me resolve it as I was only hiding my custom header in divi theme builder. deleting it and making my header module visible solved it. Thank you!

    Reply
    • You’re welcome, Dami! Pleased to hear it :)

      Reply

Submit a Comment

Comments are manually moderated and approved at the time they are answered. A preview is shown while pending but may disappear if your are cookies cleared - don't worry though, the comment is still in the queue.

Your email address will not be published. Required fields are marked *.

We may earn a commission when you visit links on our website.

Latest Posts

Hide the Page Title in the Hello Elementor Theme

Hiding the page title in the Hello Elementor theme allows you to create a cleaner and more customized page layout, free from default headings that may not fit your design. This is particularly useful for landing pages or custom content layouts where the default page...

How to Hide a Divi Module When Scrolling Up or Down

In this quick tutorial, I’ll show you how to hide a Divi module when scrolling in a specific direction (up or down), so that the module only shows when you want it to. This is especially useful when using Divi’s Scroll Effects feature and you have a effect you want to...

Fade a Divi Image Module Edge into the Background

Want to create a stylish fade effect on your Divi image module—where one side fades smoothly into the background? With a bit of CSS, you can make any edge (or corner) of the image fade out: top, bottom, left, right, or even diagonally.Fade a Divi Image Module Edge...

Hide the Header and Footer in the Hello Elementor Theme

Removing the default header and footer from your Hello Elementor theme allows for a streamlined and distraction-free website design. This is especially useful when creating unique landing pages, full-width layouts, or custom headers and footers with a page builder. In...

Setting up the Divi Password Box Module

Setting up password protection on a page can help you control access to sensitive or private content in WordPress, allowing only authorized visitors to view certain sections. With the Divi Password Box module, you can replace the plain Divi password form with a fully...

Random Posts