Problèmes de mégamenu

Question

J'ai un mégamenu j'ai eu deux problèmes avec.

1. Je ne peux pas sembler garder l'état de vol stationnaire actif quand je suis planant au-dessus de chaque section.
2. Les balises d'en-tête qui déclenchent le menu méga semblent avoir une largeur du conteneur qu'ils sont. Cela provoque le mégamenu pour faire apparaître même si vous ne le faites pas capotage visuellement.

J'ai posté mon code actuel pour le mégamenu ici: http://www.boyga.com/ méga menu /

J'utilise le plug-in hoverintent.

Answer 1

numéro 2 est facile à corriger. Ajouter cette règle CSS à votre feuille de style:

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

Numéro # 1 est presque aussi simple. Il est plus de changements CSS. Parce que vos descentes de sous-menu du <li> mais pas le <a>, vous devez changer vos règles CSS qui impliquent a:hover et 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;}

Cela fonctionne pour moi, au moins sur Chrome. Vous pouvez (lire: sans doute). Aura des questions sur d'autres navigateurs, où les :hover et les pseudo-classes :active ne le font pas bouillonner