• Hi Team,
    I am a DB guy having my blog hosted with blogengine.Net and realized to walk with wordpress due the maturity of product and its community support. I am planning to use the free version of engima theme and just downloaded.
    I have a menu with some sub menu entries and its working as required when i hover the mouse, the sub menu list appears. But when i move the mouse away from my sub-menu or entire menu, opened sub menu list does not disappear and to make it disappear, i have to make a click somewhere on the screen. Hope i will get some better help.
    Thanks in advance.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter ergkranjan

    (@ergkranjan)

    I got the solution by comparing someone else live site’s menu.js file with mine version of menu.js file:

    Team,

    You have missed below line of codes from “oMenus.on” in your latest theme;

    'mouseleave': function() {
    				nTimer = setTimeout(function() {
    				  oMenus.removeClass('open');
    				}, 500);
    			  }

    Add above line of code after below line in both if and else part;

    jQuery(this).addClass('open').slideDown();

    Hey,

    I was looking at the same problem. But how do you insert the ‘mouseleave’ function again? Think I got confused by the braces and brackets.

    @ergkranjan

    Thanks for help.

    Hi Noy

    Thanks for using our enigma theme.

    We provide the instruction to issue.

    First go to theme directory => js =>open the menu.js and find the below given code.

    oMenus.on({‘mouseenter touchstart’: function(event) {
    event.preventDefault();
    clearTimeout(nTimer);
    oMenus.removeClass(‘open’);
    jQuery(this).addClass(‘open’).slideDown();
    },

    Replace by below given code.

    oMenus.on({'mouseenter touchstart': function(event) {
    					event.preventDefault();
    					clearTimeout(nTimer);
    					oMenus.removeClass('open');
    					jQuery(this).addClass('open').slideDown();
    					},
    					'mouseleave': function() {
    					nTimer = setTimeout(function() {
    					  oMenus.removeClass('open');
    					}, 500);

    Save the changes

    Thanks

    I just tried that. But it don’t seems to work. Anyone else tried it? You need to have sub-menu items in your menu for this problem to manifest.

    Noy88, the complete solution is:

    oMenus.on({‘mouseenter touchstart’: function(event) {
    event.preventDefault();
    clearTimeout(nTimer);
    oMenus.removeClass(‘open’);
    jQuery(this).addClass(‘open’).slideDown();
    }, ‘mouseleave’: function() {
    nTimer = setTimeout(function() {
    oMenus.removeClass(‘open’);
    }, 500);},

    vi8toranxero fix works … must add the }, after the 500); – otherwise it does not take the full code. Now I am having an issue with the Main menu titles with sub-items not opening their respective page – while the sub-items do? Gotta love this stuff … ??

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Sub Menu List not disappear without a click’ is closed to new replies.