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