Temas del menú Mega

Question

Tengo un menú de mega He tenido problemas con dos.

1. Me parece que no puede mantener el estado estacionario activa cuando estoy flotando sobre cada sección.
2. Las etiquetas de cabecera que desencadenan el menú de mega parecen tener una anchura del contenedor que se encuentran en. Esto hace que el menú de Mega a aparecer incluso si no lo hace vuelco visualmente.

He publicado mi código actual para el menú de Mega aquí: http://www.boyga.com/ mega-menú /

Estoy usando el plug-in hoverintent.

Answer 1

Issue #2 is easy to fix. Add this CSS rule to your stylesheet:

ul#Top-Nav {
    display: inline-block;
}

Issue #1 is almost as simple. It's more CSS changes. Because your submenu descents from the <li> but not the <a>, you need to change your CSS rules that involve a:hover and a:active:

    ul#Top-Nav li:hover a{color:#1E90FF;text-decoration:none;}
    ul#Top-Nav li:hover a{background:#1E90FF url(arrow.png) no-repeat right center;color:#fff;}
    ul#Top-Nav li:active a{background:#1E90FF url(arrow.png) no-repeat right center;color:#fff;}

This works for me, at least on Chrome. You may (read: probably) will have issues on other browsers, where the :hover and :active pseudo-classes don't bubble up.