Thanks for porting Bootstrap to Drupal...you guys rock!

I've made the background color of the menu the same as my website background color but I'm still getting a thin grey line around the whole menu as per attached image. It's very faint but still visible. I've looked on a couple of forums but can't seem to get this right. My style.css for the menu is looking like this:

.navbar-inner, .navbar .btn-navbar {
background-color: #ddd6be;
color: white;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

.navbar .nav .active > a, .navbar .nav .active > a:hover {
background-color: #bcbdac;
color: white;
border-bottom: 5px solid white;

}

.navbar .nav > li > a {
background-color: #ddd6be;
color: white;
-webkit-text-shadow: none;
text-decoration: none;
text-shadow: none;
}

.navbar .nav > li > a:hover {
background-color: #ddd6be;
color: white;
-webkit-text-shadow: none;
text-decoration: none;
text-shadow: none;
border-bottom: 5px solid white;

}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
color: white;
text-decoration: none;
background-color: #ddd6be;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-bottom: 5px solid white;
}

Files: 

Comments

hmartens’s picture

I managed to get rid of the faint grey border, i just had to add border:0px; under
.navbar-inner, .navbar .btn-navbar {

That fixed my problem :)

tr33m4n’s picture

Status:Active» Fixed

Status:Fixed» Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.