How to remove Divi header separator

As you may have noticed, Divi adds under the main header a separator, a shaded line, that separates it from the main content.

I mean this:

Well, there will be situations (webs) in which you prefer not to show that separator line, and it is very easy to achieve.

You just have to add this bit of CSS:

/* Hide header separator Divi */
#main-header {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}Code language: CSS (css)

To add the code open the administration section Appearance Customize Additional CSS, paste the code and publish the changes.

The result looks like this:

How useful was this post?

Click on a smiley to rate it!

Average rating 0 / 5. Vote count: 0

No votes so far! Be the first to rate this post.

As you found this post useful...

Follow us on social media!

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top