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.

You can search the user’s forum or ask the user community by opening a new thread in the Customizr theme forum. Before opening a new topic, you might want to follow the troubleshooting steps..

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.