Skip to content

Instantly share code, notes, and snippets.

@surjithctly

surjithctly/bootstrap-nav-menu-hover.css

Created October 17, 2015 08:06
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save surjithctly/2dc068464ad52b14bb31 to your computer and use it in GitHub Desktop.
Save surjithctly/2dc068464ad52b14bb31 to your computer and use it in GitHub Desktop.
Download ZIP
Boostrap navigation menu on Hover (Desktop Only)
Raw
bootstrap-nav-menu-hover.css
/************************
* Nav Menu on Hover
***********************/
/*only for screens greater than 992px */
@media (min-width: 992px) {
.navbar .navbar-nav > li.dropdown > ul {
display: block;
opacity: 0;
visibility: hidden;
/* subtle fade effect */
-moz-transition: all 0.1s ease;
-webkit-transition: all 0.1s ease;
-ms-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.navbar .navbar-nav > li.dropdown:hover > ul {
display: block;
opacity: 1;
visibility: visible;
}
}
/* end nav on hover */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment