{"id":21791,"date":"2022-01-08T06:00:00","date_gmt":"2022-01-08T01:00:00","guid":{"rendered":"https:\/\/mcstarters.com\/blog\/?p=21791"},"modified":"2025-07-12T19:40:42","modified_gmt":"2025-07-12T14:40:42","slug":"hide-header-in-divi","status":"publish","type":"post","link":"https:\/\/mcstarters.com\/blog\/hide-header-in-divi\/","title":{"rendered":"How to Hide Header in Divi"},"content":{"rendered":"\n<p>The&nbsp;top&nbsp;section&nbsp;of&nbsp;a&nbsp;web&nbsp;page&nbsp;is&nbsp;known&nbsp;as&nbsp;the&nbsp;header. It is a very important element of any website. In the post, we will show you how to hide the header in Divi.<\/p>\n\n\n\n<p class=\"bg-light\">You Might Also Like: Free <a href=\"https:\/\/mcstarters.com\/divi-header-layouts\/\" target=\"_blank\" data-type=\"URL\" data-id=\"https:\/\/mcstarters.com\/divi-header-layouts\/\" rel=\"noreferrer noopener\"><strong>Divi Header Layout<\/strong><\/a> Pack<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Hide Header in Divi<\/h2>\n\n\n\n<p>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.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Hide header for <strong>entire Divi websit<\/strong>e<\/h3>\n\n\n\n<p>if you want to hide <a href=\"https:\/\/www.elegantthemes.com\/affiliates\/idevaffiliate.php?id=69187\" target=\"_blank\" data-type=\"URL\" data-id=\"https:\/\/www.elegantthemes.com\/affiliates\/idevaffiliate.php?id=69187\" rel=\"noreferrer noopener nofollow\">Divi <\/a>main and a top header from the entire website then you need to follow the below step.<\/p>\n\n\n\n<p class=\"step\"><strong>Step 1:<\/strong> Copy Below Code and Paste into Divi &gt; Theme Options &gt; Custom CSS<\/p>\n\n\n\n<pre class=\"wp-block-code bg-code\"><code>#main-header {\n display:none!important;\n}\n\n#top-header {\n display:none!important;\n}<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Hide Header for Specific Divi Page <\/h3>\n\n\n\n<p class=\"step\"><strong>Step 1: <\/strong>Copy the below snippet and paste Snippet into Custom CSS.<\/p>\n\n\n\n<pre class=\"wp-block-code bg-code\"><code>.page-id-1235 #main-header {\n display:none!important;\n}\n\n.page-id-1235 #top-header {\n display:none!important;\n}<\/code><\/pre>\n\n\n\n<p class=\"step\"><strong>Step 2:<\/strong> 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.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"451\" src=\"https:\/\/mcstarters.com\/blog\/wp-content\/uploads\/2022\/01\/Hide-Header-for-Specific-Divi-Page.webp\" alt=\"\" class=\"wp-image-21815\" title=\"\"><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Hide Header for Specific Divi Post<\/h3>\n\n\n\n<p class=\"step\"><strong>Step 1: <\/strong>Copy Code and Paste into Divi theme options &gt; CSS<\/p>\n\n\n\n<pre class=\"wp-block-code bg-code\"><code>.postid-206531  #main-header {\n display:none!important;\n}\n\n.postid-206531 #top-header {\n display:none!important;\n}<\/code><\/pre>\n\n\n\n<p class=\"step\"><strong> Step 2: <\/strong>Replace your post id with your post ID. You get the post id within the URL when you edit the post.<\/p>\n\n\n\n<p>Done \u2764\ufe0f<\/p>\n\n\n\n<p class=\"bg-blue\">You Might Also Like to<strong> <a href=\"https:\/\/mcstarters.com\/services\/divi-theme-experts\/\" target=\"_blank\" data-type=\"URL\" data-id=\"https:\/\/mcstarters.com\/services\/divi-theme-experts\/\" rel=\"noreferrer noopener\">Divi Web Designer<\/a><\/strong> For Site.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The&nbsp;top&nbsp;section&nbsp;of&nbsp;a&nbsp;web&nbsp;page&nbsp;is&nbsp;known&nbsp;as&nbsp;the&nbsp;header. It is a very important element of any website&#8230;.<\/p>\n","protected":false},"author":5,"featured_media":21816,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[6],"tags":[464,463],"class_list":["post-21791","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-divi","tag-divi-header-layout","tag-hide-header-in-divi"],"_links":{"self":[{"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/posts\/21791","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/comments?post=21791"}],"version-history":[{"count":1,"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/posts\/21791\/revisions"}],"predecessor-version":[{"id":37367,"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/posts\/21791\/revisions\/37367"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/media\/21816"}],"wp:attachment":[{"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/media?parent=21791"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/categories?post=21791"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/tags?post=21791"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}