Web Design Tips & Tricks

Bootstrap 3.x Navbar Drop Down on Hover

Add this to your style sheet.

By default, you have to click the Bootstrap Navbar to get the menu to drop down. This is by design. But if you want the sub-menus to drop down when you hover over the top-level navbar, add this code to your CSS style sheet.

 

@media (min-width: 768px) {     

.dropdown-menu li:hover .sub-menu {visibility: visible;}     
.dropdown:hover .dropdown-menu {display: block;}

}

 


Thank You for Visiting

Your last visit was on Fri 12/6/2019 4:40AM
Your IP address is 3.95.131.208
Certified Expert Coldfusion Programmer
©2019 Full Blown Studio
Premier Web Designs
All Rights Reserved