Unable to get rid of border between navbar and breadcrumbs

There appears to be a 1 pixel border or 1 pixel margin between the navbar and the breadcrumb area. In my case, this is a transparent border so I’m seeing a line of the background image. I don’t want to see any background. I tried setting border:none for .x-navbar, even using “! important” and still it’s not working. If I set “display:none” for x.-navbar, I don’t see the transparent line anymore which is why I think it has to be in the x-navbar css somewhere, I just can’t find it.

I’ve tried the suggestions from similar topics but none have worked.

Help? :slight_smile:

Hello @solarwoods,

Thanks for posting in!

Do you want something like this?

If that is the case, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-navbar-fixed-top-active .x-navbar-wrap,
.x-breadcrumb-wrap {
    margin-bottom: 0;

}

.x-navbar,
.x-breadcrumb-wrap,
.x-topbar {
    border: none;
    box-shadow: none;
}

We would love to know if this has worked for you. Thank you.

That worked perfectly!! Thank you

You are most welcome. :slight_smile:

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