• Hi.

    I have a small problem with the drop down menu on my site. When the mouse is just outside the menu, the menu dissapears, and I have to go back to the top. This can be a bit annoying when the menu has 3 or 4 levels. Is ther some way to put a delay on the menu so it doesn’t go away at once?

    I use the rumput-hijau-theme.

    Thanks you!

Viewing 6 replies - 1 through 6 (of 6 total)
  • You’ll want to use a jquery plugin called hover intent, but I don’t know how to apply it to the stock WordPress menus without calling them manually myself. If that’s beyond your coding skillset, I’d check out this plugin: https://codecanyon.net/item/ubermenu-wordpress-mega-menu-plugin/154703

    You’ll have to pay, but it’s well worth the ~$20 and it comes with hover intent for your menus, as well as a host of other cool features.

    Thread Starter Marteens

    (@marteens)

    Thank you for your answer.

    I’m afraid this is beyond my coding skillset, as you say. I am pretty much a noob with coding. But if someone tells me what to write and where to put it, then I think I can manage ??

    I was hoping for a free solution, but thanks for the plugin tip anyway.

    I found this thread, with a similar problem. So I tried to do what they said, but so far no luck. I found the “.slideUp()”, like they said to do, in
    wp-content --> themes --> rumput-hijau --> js --> methods.js

    And it looks like this:

    /* Drop down menus */
    
    	$j(".inside-primary-nav ul li ul").parent().addClass("arrow");
    
    	$j(".inside-primary-nav ul li").hover(function(){
    
            $j(this).addClass("hover");
    
            $j(this).find("ul:first").slideToggle("fast");
    
        }, function(){
    
            $j(this).removeClass("hover");
            $j(this).find("ul:first").slideUp("fast");
    
        });

    I tried to insert .delay(‘900’) before the .slideUp like this

    $j(this).find("ul:first").delay('900').slideUp("fast");

    but that messes up the menu.. do I have to put it in another place? Any ideas?

    Can you paste the whole javascript file in a pastebin for me?

    Thread Starter Marteens

    (@marteens)

    Thread Starter Marteens

    (@marteens)

    Please do not create duplicate threads like this – it makes it much harder for people here to help you.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to delay the drop down menu’ is closed to new replies.