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 Sun 9/25/2022 10:49PM
Your IP address is
Certified Expert Coldfusion Programmer
©2022 Full Blown Studio
Premier Web Designs
All Rights Reserved