Grey Line Between Header, Menu, and Body on X

[rfbarr]

My website has these grey lines separating the header, menu, and body. I can’t figure out how to remove them. Any assistance would be good.

[Prasant]

Hello @rfbarr,

Thanks for asking.

Please add following CSS under X > Theme Options > CSS:

.x-navbar, .x-logobar, .x-topbar {
    border: 0;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

[rfbarr]

This was perfect thanks so much!

[matt]

You’re most welcome, @rfbarr. Thanks for building with X & Pro, and have a great day!