The Divi Theme header area is separated from the content by a thin grey line at the bottom of the header. The "border" at the bottom of the header bar is not actually a border, but a thin shadow. If you'd like to remove this, here's how:
Remove the Header Bottom Border using Divi Booster
Divi Booster has an option to hide the Divi Header bottom border. You'll find it on the settings page at:
Divi > Divi Booster > Header > Main Header > Hide header bottom border
Remove the Header Bottom Border using CSS
To manually remove the header bottom shadow line from the header bar, you can use the following CSS:
header#main-header.et-fixed-header, #main-header{
-webkit-box-shadow:none !important;
-moz-box-shadow:none !important;
box-shadow:none !important;
}Compatibility Notes
Both the Divi Booster and manual CSS methods above may be overridden by Divi Toolbox by Divi Lover. I haven't yet tracked down the setting in Divi Toolbox that causes this, but if you need to, you can override Divi Toolbox's own header box shadow using this CSS:
#page-container #main-header {
box-shadow: none !important;
}
Thank you so much for this! It worked like a charm! :)
Glad it helped, Norm!
Really, really helpful. Thank you so much
:)
Thanks a lot. Exactly what I was looking for.
You're welcome, Alexey!
Thanks, it is working fine man
Thanks man, perfect!