带有Mega下拉菜单的两条水平线

Question

I'm using well known Mega Drop Down Menu plugin from here . It is working fine but not if you want to make two lines of menu. I create an example here : jsFiddle There is a problem on second line menu is too height when you hover on it. Thank you for help.

Answer 1

I am not positive if this menu was designed to be used in this manner but you could do something like:

$('#mega-menu-1').dcMegaMenu({
    rowItems: '3',
    speed: 0,
    effect: 'slide',
    event: 'hover',
    fullWidth: true,
    beforeOpen: function() {
        $(this).find(".mega").css("top", 40 + $(this).offset().top-$(this).parent().offset().top);
    }
});

Basically to change the menu top beforeOpen depending on the offset of the menu item selected.

http://jsfiddle.net/r0m4n/HJGFW/10/