Skip to content

Mc Starters

  • Home
  • Our Services
  • Download Templates
  • Guest Posts
  • Contact Us
  • Tools
Mc Starters

Home \ Divi \ How to Remove the Divi Header Bottom Border

How to Remove the Divi Header Bottom Border

Published By :Mudassar Shakeel February 5, 2022July 12, 2025 Divi
Remove the Divi Header Bottom Border

By default, The Divi theme header contains a thin grey line below the header. It looks like a bottom border but actually, this is a shadow. Today, we are going to show you how to Remove the Divi Header Bottom Border!

You Might Also Like: Free Divi Header Layout

Affiliate Banner 1

Remove the Divi Header Bottom Border

Please copy the below snippet and follow the steps to Remove the Divi Main Header Underline.

Step 1: Copy below Snippet

header#main-header.et-fixed-header, #main-header{ 
	-webkit-box-shadow:none !important; 
	-moz-box-shadow:none !important; 
	box-shadow:none !important; 
}

Step 2: Go to Divi > Theme Options > Paste code into Custom Css box > Click on Save Changes.

Affiliate Banner 2

How to Remove the Divi Header Bottom Border

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.

You Might Also Like to Hire: Divi Theme Expert

You Might Also Like

how to add scrolling text in WordPress, Elementor, Divi

Add scrolling text in WordPress, Elementor, Divi

Add Custom CSS to Divi

3 ways to Add Custom CSS to Divi

See also  Import & Export Divi Theme Options in Divi
Facebook FacebookTwitter TwitterInstagram InstagramPinterest PinterestYouTube YouTube

Categories

© 2025 Mc Starters

  • Guest Posts
  • HTML Sitemap
  • XML Sitemap
  • Affiliate Disclosure
Get Professional Websites
  • Home
  • Our Services
  • Download Templates
  • Guest Posts
  • Contact Us
  • Tools
Facebook X Instagram YouTube Pinterest
Search