Welcome to DiviMania.com   Click to listen highlighted text! Welcome to DiviMania.com

How to Remove the Gray Line Below Menu Bar on Divi

by Aug 17, 2021Projects, Tutorials0 comments

Hi, my dear Divi maniac,

today I was working on a new website and I needed to remove the gray line below the menu bar on my new Divi project.

So I decided to add this new small tutorial to help me the next time.

  1. Go to the dashboard of our WordPress, scroll in the lower left column to “Divi”, then click on “Theme Options”.
  2. From the window that opens, click on “General”, then in the “General” window scroll down until we find the item “Custom CSS”, and copy and paste the following code:
#main-content .container: before {
display: none;
#main-header {
-webkit-box-shadow: none! important;
box-shadow: none! important;

The first code string removes the gray bar from under the menu.
The second remove the gray bar from the spaces adjacent to the sidebar (or widget bar).

We will only have to click on “Save changes” and wait for the information to be uploaded, to make the changes effective.

That’s all.


Skip to content Click to listen highlighted text!