Remove the line under the Divi menu

Divi is a great theme for creating clean, minimal websites – many of which create a much more pleasant user experience for visitors. (For instance, it can be used to create Medium-esque posts.) However, to make such a clean website, you’ll need to add some tiny tweaks. Today, we’re going to remove the gray line underneath the Divi menu with some simple CSS to achieve a clean feeling to our website, like so:

Screen Shot 2016-02-08 at 10.53.59 AM

You can remove the gray line under the Divi menu by adding this CSS:

/* Remove the line below the normal Divi menu */
#main-header {
    box-shadow: none !important;
}

/* Add this, too, if you want to remove the
   shadow underneath the fixed Divi navigation bar */
#main-header.et-fixed-header {
    box-shadow: none !important;
}

Hello there, Divi designer!

Designing can be tough, but you can make it easier. Receive four free emails on eliminating stress, using Divi's magical powers to work smarter, raising your rates, and automating the administrative dullness in your practice so you can focus on doing what you love.

Sign Up