How to Hide Header in Divi

The top section of a web page is known as the header. It is a very important element of any website. In the post, we will show you how to hide the header in Divi.

You Might Also Like: Free Divi Header Layout Pack

Hide Header in Divi

In the post, we show how to hide the header on the whole website, hide the website on a specific page, and disable the header on a specific post.

Hide header for entire Divi website

if you want to hide Divi main and a top header from the entire website then you need to follow the below step.

Step 1: Copy Below Code and Paste into Divi > Theme Options > Custom CSS

#main-header {
 display:none!important;
}

#top-header {
 display:none!important;
}

Hide Header for Specific Divi Page

Step 1: Copy the below snippet and paste Snippet into Custom CSS.

.page-id-1235 #main-header {
 display:none!important;
}

.page-id-1235 #top-header {
 display:none!important;
}

Step 2: Change Page ID with your page ID. You get the page id within the URL when you edit the page. check out the below attachments for this.

Hide Header for Specific Divi Post

Step 1: Copy Code and Paste into Divi theme options > CSS

.postid-206531  #main-header {
 display:none!important;
}

.postid-206531 #top-header {
 display:none!important;
}

Step 2: Replace your post id with your post ID. You get the post id within the URL when you edit the post.

Done ❤️

You Might Also Like to Divi Web Designer For Site.