Dropdown menu remains open even after mouse is no longer hovering

Support
#1

Hi,

Since the update to 6.1.1, my dropdown menu stays “dropped down” even after the mouse is no longer hovering over it. It used to retract once the mouse is moved away from the menu, but now it stays fixed there.

Here is my website: https://worldwaterreserve.com/

Hover over the menu item “Articles” and you’ll see what I mean. I’d like it to retract like how it’s supposed to once it’s no longer hovering over.

Thanks!

1 Like
#2

Hello @jeremiahzac,

Thanks for asking. :slight_smile:

On my end mobile menu is working fine. Please see screencast. https://cl.ly/2A0x2u1P1b01

Please try clearing browser cache and see how it goes.

Thanks.

#3

I am having this same problem on this demo website: http://scarce-dust.flywheelsites.com

#4

Please note that the mobile menu is working fine for both myself and @jeremiahzac. It’s the normal desktop menu that is not functioning properly.

#5

It’s the desktop menu that @jonswerens and I are referring to, not the mobile menu. Please have a look.

1 Like
#6

Yes, please note that our sites are having the same issue as seen in this screencast: https://cl.ly/2A2h2k3R3Q0S

Thanks!

#7

Hi guys,

I checked on my local setup and I was able to replicate the issue on my end as well, I’ll add this our issue tracker so the developers can be aware of this problem, In the mean time to fix the issue temporarily, try adding the following code in the Theme Options > JS:

jQuery(document).ready(function($){
	$('.menu-item').hover(function(){
		$(this).addClass('x-active');
	}, function(){
		$(this).removeClass('x-active');
	});
});

Don’t forget to clear your browser’s cache after adding the code. Let us know how this goes!

1 Like
#8

That worked for me! Thanks!

How about you @jonswerens?

#9

Glad it worked for you @jeremiahzac

Cheers!

#10

Yes, that’s perfect, thank you!