Search code examples
jqueryjquery-effects

Gap between menu and submenu hover

I'm working on a horizontal menu with a submenu. I used jQuery on the menu to enable the dropdown functionality, which is working fine for now.

However, because of design reasons, there is a small gap between the horizontal menu and the vertical submenu. So when you hover your mouse over to the submenu, you're hovering out, which causes the submenu to dissapear, logically.

However I need that submenu to stay. Any ideas?

Check it out for yourself @ [removed url. solution provided already]

Many thanks in advance.

Solution

  • In css

    change 

    #Menu ul ul {
    display: none;
    position: absolute;
    top: 40px;
}

    to

    #Menu ul ul {
        display: none;
        position: absolute;
        padding-top: 40px;
    }