Snippet / Theme Options > Custom CSS

Remove the Grey Line Under the Divi Menu

Removes the default Divi header shadow or divider line for cleaner custom headers and transparent menu designs.

Use this when the default Divi header shadow reads as an unwanted grey line. The Astuces Divi deep snippet URL needs manual verification, so this is linked to the active library/root pages.

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

#main-header::after,
#top-header::after {
  display: none;
}

Notes

• If the header still shows a line, inspect the Menu module, section border, or Theme Builder header section.
• Add your own border back intentionally if the menu needs separation from a white page background.

Sources

• https://astucesdivi.com/
• https://astucesdivi.com/en/snippets-pour-divi/