Wordpress navagation menu, sub nav drop down on hover instead of on click

Question

I am having a problem with my site: http://tinyurl.com/lc4ewwf

I want the Navigation Menu to display the Sub Menu when you hover over it. At the moment it only displays when you click on it. What would be the best solution to achieve this?

I was just going to install a plugin called ubermenu to replace the current one, but this WordPress theme is out of date, and that solution wouldn't work.

Maybe a CSS Solution: `#menu-top-menu li:hover ul {display: block;}` — Howdy_McGee, Apr 22 '14 at 17:08

score 1 · Accepted Answer · edited May 23 '17 at 12:24

1

your issue resides in the Twitter Boostrap dropdown script.. it works on click by default. here is a solution on SO: How to make twitter bootstrap menu dropdown on hover rather than click

edited May 23 '17 at 12:24

Community

1
1

answered Apr 22 '14 at 17:07

kingkode

2,220
18
28

score 0 · Answer 2 · answered Apr 22 '14 at 17:27

use this i tested through console it is working fine.

jQuery('.dropdown-menu').parent().hover(function(){
    jQuery('.dropdown-menu').parent().removeClass('open');
    jQuery(this).addClass('open');
}, function(){
    jQuery(this).removeClass('open');
});

Wordpress navagation menu, sub nav drop down on hover instead of on click

2 Answers2