Despite numerous attempts, I cannot seem to add a delay to the dropdown-menu in my navigation bar. The other parts of the menu are working perfectly with a nice delay. I've tried including "jQuery .dropdown-menu .delay(400)" and also added "transition-duration: 800ms" to various CSS elements but haven't succeeded in getting the delay on the dropdown-menu. Has anyone else faced this issue? Visit our website for more information.
Here is a snippet from bootstrap.mini.css:
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 10rem;
margin: .0rem .0rem;
text-align: left;
list-style: none;
background-clip: padding-box;
-webkit-transition-duration: 800ms;
transition-duration: 800ms;
}