How to Hide the Header and Footer in Divi

There may be some pages (such as a landing page, or social media links page) where you do not want to show the standard header and footer from the website. Luckily, Divi makes it super easy to hide the header and footer. In this tutorial, you will learn the short & actionable way to hide that header and footer in Divi.

We know everyone learns differently – if you prefer video, please watch the video tutorial below! If you’re more of a step-by-step person, we’ve written out the steps under the video.

Watch the Tutorial:

How to Hide the Header and Footer in Divi – Step by Step

  1. First, go to the page that you’re working on, and click Edit Page.
  2. Next, find the Template menu on the right sidebar and select Blank Page.
  3. Save your draft or publish the page.
  4. Click View Page and you’ll see that the header and footer are no longer displayed. You can add your logo using the Divi image module and add any important footer links using a Divi text module.

Don’t Yet Have the Divi Theme?

We absolutely LOVE building with Divi. Not only is it an extremely flexible page-building Wordpress theme, but it is also very user-friendly for our clients. One of the best things about Divi is it is a powerful tool for both web designers AND developers alike. 

Whether you're more of a visual, front end person or you like to dig into the code and create dynamic websites - Divi is flexible enough for any project.

(Note this is our company affiliate link & should you choose to purchase through our link we will earn a commission. Thank you, you will adore Divi!!)

Article by

Karyn Paige

Karyn is a web developer at Sam Munoz Consulting, LLC. She's also a mentor at the Making Website Magic School of Business, working with women web designers to create values-driven businesses that are aligned with their personal visions.

Keep Learning & Reading

Skip to content