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 first visit was on Sun 10/13/2019 5:45PM
Your last visit was on Sun 10/13/2019 5:45PM
You have viewed 1 total pages on this site.
Your IP address is
Certified Expert Coldfusion Programmer
©2019 Full Blown Studio
Premier Web Designs
All Rights Reserved