Problemi Menu Mega

Question

Ho un menù mega Ho avuto due problemi con.

1. Non riesco a mantenere lo stato hover attiva quando sto in bilico su ogni sezione.
2. I tag di intestazione che innescano il menu mega sembrano avere una larghezza del contenitore che sono in. Questo fa sì che il menu mega a pop-up, anche se non lo fai rollover visivamente.

Ho inviato il mio codice corrente per il menu mega qui: http://www.boyga.com/ mega-menù /

sto usando il hoverIntent plug-in.

Answer 1

Issue # 2 è facile da risolvere. Aggiungere questa regola CSS per il vostro foglio di stile:

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

Issue # 1 è quasi altrettanto semplice. E 'più cambiamenti CSS. Perché i vostri discese sottomenu dalla <li> ma non il <a>, è necessario cambiare le regole CSS che coinvolgono a:hover e 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;}

Questo funziona per me, almeno su Chrome. Si può (leggi: probabilmente). Avranno problemi su altri browser, dove i :hover e :active pseudo-classi non lo fanno ribollire