-
Posts
-
Using the Enfold Gym theme, I noticed (on desktop browsers) that when the screen width is shrunk down enough to show the hamburger menu, hovering over the sub-menu items appears to activate the sub-menu drop downs “behind the scenes” which become apparent when the screen width is enlarged so that the standard menu is showing; basically remnants of the drop downs are left until you hover over them again to make them work normally. Would love to know if a fix is underway for this and if there’s something I can do on my end to prevent this from happening in the interim.
Hey VCAD,
I can’t reproduce that on my end using Chrome, how can we reproduce these results?
Best regards,
RikardThanks for getting back to me, Rikard.
I’m on Windows 10, PC with the latest updates. This is showing up on all browsers that I’m using — FF, Chrome, Edge, Brave, etc.
I just tried it on another PC and I was able to replicate the issue regardless of browser. Below are screenshots showing each step:
Thanks in advance!
Hi,
Thank you for the info. Looks like the issue would only happen when you intentionally try to reproduce it. There’s a very rare chance that a visitor or user will see this issue unless they happen to do exactly what you did above. A user will probably just scan the home page, click the link or page that interests them and continue reading or viewing, but it is a bug, so we’ll try to fix it.
Please try to edit the root\wp-content\themes\enfold\js\avia-snippet-megamenu.js file, and look for this code around line 212:
currentItem.on('mouseleave', function() { sublist.stop().animate({opacity:0}, function() { sublist.css({visibility:'hidden'}); }); });Below, try to add this code:
window.on('debouncedresize', function() { currentItem.trigger('mouseleave'); });Please disable the Performance > File Compression settings after adding the code.
Best regards,
Ismael
- You must be logged in to reply to this topic.