Header Nav-Tabs Hover: how to remove the darkgrey bottom-border



The nav nav-tabs in the header section when in hover-mode produce this darkgrey bottom-border, different color from the button's background-color. In the finished website, this darkgrey bottom-border does not exist in hover-mode.

.nav {
  padding-bottom: 0px;

.nav a {
  color: black;

.nav a:hover {
  border-bottom: 0;


please provide your full code if you need help with this (full html and css), if you want you can put it on a site like jsbin, jsfiddle, codepen or a gist on github


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