Skip to main content

Nav bar hover fix for internal pages 

Website navigation menu with "Services," "Emergencies," and options for "Streets Department" and "Water Department."

.navbar-nav > li.sl-menu--open > a {
  background: #F2F2F2 !important;//this is the same grey as amplify hover background 
  color: #D53334 !important;// (whatever color code needed)
  font-family: lato;
  font-weight: 700;
}
.dropdown-menu > li.sl-menu--open > a {
  background: #F2F2F2 !important;//same grey as amplify hover background
}

 

actually maybe its 

// & {
//   font-family: ...;
// }
#page-header .header-logo h1 {
  color: #fff !important;
}
#page-header .header-links ul li a {
    color: #fff;
    padding: 0 15px;
}
.navbar-nav li a {
  color: #fff !important;// (whatever color code needed)
  font-family: lato;
  font-weight: 700;
  background: #607885 !important;
}
.navbar-nav li a:hover, .navbar-nav li a:focus {
  color: #fff !important;// (whatever color code needed)
  font-family: lato;
  font-weight: 700;
  background: #44535D !important;
}
#page-navigation { 
  background: #607885 !important;
}

//header links:
#page-header .header-links ul li {
  float: left;
  border-left: 1px solid #fff;
color: #fff !important; // (whatever color code needed)
}
#page-header {
  background: #36404E !important;
}
.navbar-nav > li.sl-menu--open > a:hover, .navbar-nav > li.sl-menu--open > a:focus {
  background: #44535D !important;//this is the same grey as amplify hover background 
  color: #fff !important;// (whatever color code needed)
  font-family: lato;
  font-weight: 700;
}
.dropdown-menu > li.sl-menu--open > a:hover {
  color: #fff !important;
  background: #414F5A !important;//same grey as amplify hover background
}
.navbar-nav > li.sl-menu--open > a {
  background: #607885 !important;//this is the same grey as amplify hover background 
  color: #fff !important;// (whatever color code needed)
  font-family: lato;
  font-weight: 700;
}
.dropdown-menu > li.sl-menu--open > a {
  background: #607885 !important;//same grey as amplify hover background
}

// .dropdown-menu {
//   background: none;
// }