Random White line under my header menu

Support
#1

Hey guys,
I have this random white line hanging around under my menu. I can’t see a setting for it in the customize section so if anyone knows how to fix it that would be awesome.

here’s a video to show you exactly what I mean: https://www.useloom.com/share/c4b5889c448847d38c2a43d4ebb8e450

White lines under the header
#2

Hi There,

To remove that white line, please add the following CSS under Customizer > Custom > Global CSS:

.x-navbar {
    border-bottom: none;
    box-shadow: none;
}
.x-navbar-fixed-top-active .x-navbar-wrap {
    margin-bottom: 0;
}
#3

is there a way to do it without code?
I can’t work with code.

#4

Never mind I worked it out :smiley :smiley:

#5

Glad to hear that, have a nice day!

#6

Heya! you helped me with this a while back and I remember when I pasted this into my css section it got rid of the white line in the header but now I want to do the same for the footer. I tried using the code you gave me just above but it didn’t work :confused:

Please help

#7

Hi,

To get rid of it of the white line in the footer, you can add this in Theme Options > CSS

.x-colophon {
   border-top:0;
}

Thanks