CSS Bootstrap The background color of the navbar does not appear when nav is minimized

Question

I set the height of the navigation bar to 80 pixels. But when I squeeze my window, the background of the navigation links is not displayed. I think I forgot to specify the margin anywhere, but I cannot imagine where. Can anyone help?

navbar.navbar-custom {
  background-color: #b80000;
  border-radius: 0;
  border: 0;
  height: 80px;
  margin-bottom: 0;
  z-index: 1001;
}
.navbar-custom .nav li a {
  padding: 15px 10px;
}
.navbar-custom .nav li a:hover {
  background-color: #b80000;
}
.navbar-custom .navbar-header .navbar-brand {
  padding: 5px 15px;
}
.navbar-custom .navbar-header .navbar-brand img {
  height: 70px;
  width: auto;
}
.navbar-custom .navbar-header .navbar-toggle {
  border: 1px solid #fff;
  margin-top: 25px;
}
.navbar-custom .navbar-header .navbar-toggle .icon-bar {
  border: 1px solid #fff;
}

Run code

Here is my link to Bootply

Answer 1

Remove /* height: 80px; */from.navbar.navbar-custom

Maybe replace it with min-height:80px;