Sub-menu drop down on mouse hover

⚠️ Code snippets might not be compatible with the latest version of your theme. Always use a child theme to customize your theme, and test your code on a staging website before migrating to production.

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

Leave a Reply to Alexander Richter Cancel reply

Your email address will not be published. Required fields are marked *

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