Sub-menu drop down on mouse hover

Note: While this snippet is still valid for Twitter Bootstrap menu based, Customizr and Customizr-Pro now embed a new option to achieve the same result. Navigate to Appearance > Customize > Header > Navigation and you’ll find it!

If you don’t want to click on the parent menu item to display your submenu items in Customizr (which is the Twitter Bootstrap native way), use the following code :

(copy and paste it in custom CSS section or in a child theme style.css file)


/*make the menu sub-menu items drop down on mouse hover */
ul.nav li.dropdown:hover > ul.dropdown-menu{
    display: block;
    margin: 0;

Another interesting related snippet : Make the parent menu clickable

34 thoughts on “Sub-menu drop down on mouse hover”

Comments are closed.