Trying to remove grey line under navigation bar

Hey there,

I’m guessing that I’m missing something obvious here but on a site I’m developing, dev.valeonetworks.com, there is a grey bar running along the bottom of the navigation bar. It doesn’t go away when I hide .x-navbar-inner but it does when if I hide the entire .x-navbar-wrapper. Any idea whats creating this grey bar?

I would assume there is a way to change this in cornerstone as well but I can’t find it there or in the css files.

Any help would be great thanks!
Ryan

Hello Ryan,

Thanks for asking. :slight_smile:

You can add following CSS under X > Theme Options > CSS:

.x-navbar {
    border-bottom: 0 !important;
}

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.

Oh I was right, I was missing something very obvious. Thanks for the help, that did the trick :slight_smile:

You’re welcome.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.