Skip to content
Mc Starters Logo

Mc Starters

  • Home
  • Our Services
  • Download Templates
  • Write for Us
  • Contact Us
  • Tools
Mc Starters Logo
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

Free Divi Plugins

Best Free Divi Plugins to Supercharge Your WordPress Website

Local Fonts in Divi

How to Use Local Fonts in 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
  • llms.txt
  • Affiliate Disclosure
Get Professional Websites
  • Home
  • Our Services
  • Download Templates
  • Write for Us
  • Contact Us
  • Tools
Facebook X Instagram YouTube Pinterest
Search