I am currently trying to hide my dropdown menu when at the desktop level only (and activate it only at the mobile level).
I am able to get it to partially work using:
$(function() {
$('#main-menu').bind('mouseenter.smapi', function(e, item) {$.SmartMenus.hideAll();
});
This hides the dropdown when hovering over the top nav, however when I click the link, the dropdown will quickly flash.
The dropdown will also appear when I click and hold any of the top nav buttons.
I tried
$('#main-menu').bind('click.smapi', function(e, item) {$.SmartMenus.hideAll();
and that did not work. I couldn’t find a mousedown equivalent either.
Any help would be appreciated.
Thanks.