{"id":22903,"date":"2022-02-05T06:00:00","date_gmt":"2022-02-05T01:00:00","guid":{"rendered":"https:\/\/mcstarters.com\/blog\/?p=22903"},"modified":"2025-07-12T19:42:56","modified_gmt":"2025-07-12T14:42:56","slug":"remove-divi-header-shadow","status":"publish","type":"post","link":"https:\/\/mcstarters.com\/blog\/remove-divi-header-shadow\/","title":{"rendered":"How to Remove Divi Header Shadow"},"content":{"rendered":"\n<p><a href=\"https:\/\/www.elegantthemes.com\/affiliates\/idevaffiliate.php?id=69187&amp;tid1=mcstartersblog\" target=\"_blank\" data-type=\"URL\" data-id=\"https:\/\/www.elegantthemes.com\/affiliates\/idevaffiliate.php?id=69187&amp;tid1=mcstartersblog\" rel=\"noreferrer noopener nofollow\">Divi Theme<\/a> users always see Divi header shadow. Sometimes look nice but sometimes the user does not want a shadow in the Divi header. So, today we will show you how to remove Divi Header Shadow.<\/p>\n\n\n\n<p class=\"bg-light\">You Might Also Like: Free <a href=\"https:\/\/mcstarters.com\/divi-header-layouts\/\" data-type=\"URL\" data-id=\"https:\/\/mcstarters.com\/divi-header-layouts\/\" target=\"_blank\" rel=\"noreferrer noopener\">Divi Header Layout<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"remove-divi-header-shadow\">Remove Divi Header Shadow<\/h2>\n\n\n\n<p>We create a snippet for this. You just need to copy a snippet and add it to the website. Make sure you follow all steps.<\/p>\n\n\n\n<p class=\"step\"><strong>Step 1: <\/strong>Copy below CSS Code<\/p>\n\n\n\n<pre class=\"wp-block-code bg-code\"><code>#main-header {\n    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.0) !important;\n    -moz-box-shadow: 0 1px 0 rgba(0,0,0,.0) !important;\n    box-shadow: 0 1px 0 rgba(0,0,0,.0) !important;\n}\n\n#main-header.et-fixed-header {\n    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.0) !important;\n    -moz-box-shadow: 0 1px 0 rgba(0,0,0,.0) !important;\n    box-shadow: 0 1px 0 rgba(0,0,0,.0) !important;\n}<\/code><\/pre>\n\n\n\n<p class=\"step\"><strong>Step 2: <\/strong>Go to Divi &gt; Theme Options &gt; Custom CSS &gt; Paste It &gt; Click on Save Changes<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"295\" src=\"https:\/\/mcstarters.com\/blog\/wp-content\/uploads\/2022\/02\/How-to-Remove-Divi-Header-Shadow.webp\" alt=\"How to Remove Divi Header Shadow\" class=\"wp-image-22908\" title=\"\"><\/figure>\n\n\n\n<p>I hope you fix this issue with the above step but if you still need help then comment below or check out our Divi services from the below link.<\/p>\n\n\n\n<p class=\"bg-blue\">You Might Also Like to Hire: <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 Theme Expert<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p><a  class=\"btl_autolink_hyperlink\"  href=\"https:\/\/mcstarters.com\/blog\/divi-aff\"    target=\"_blank\" rel=\"nofollow\">Divi Theme<\/a> users always see Divi header shadow. Sometimes look&#8230;<\/p>\n","protected":false},"author":5,"featured_media":22911,"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":[],"class_list":["post-22903","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-divi"],"_links":{"self":[{"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/posts\/22903","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=22903"}],"version-history":[{"count":1,"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/posts\/22903\/revisions"}],"predecessor-version":[{"id":37377,"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/posts\/22903\/revisions\/37377"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/media\/22911"}],"wp:attachment":[{"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/media?parent=22903"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/categories?post=22903"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/tags?post=22903"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}