Navigation menu e proprietà transitions

[Crab]

Analizzando il codice intanto vedo quest'errore:



Le stesse classi hanno due colori diversi. Se il bianco non ti interessa ti conviene intanto eliminare la seconda classe di stile.

Se il ritardo della colorazione persiste è evidente che c'è una classe genitore che influenza il tuo div! Anche se vedo che l'hover sui due bottoni "contact" e "about" funzionano benissimo.

Infatti vorrei che l'hover si comportasse come i bottoni "contact" e "about" ho provato a eliminare anche il codice che lascio di seguito, ma non è servito.

.cb-mm-on #cb-nav-bar .cb-main-nav > li:hover .cb-mega-menu {
filter: progidXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
visibility: visible;
-webkit-transition: 0.15s opacity ease, 0.15s visibility ease;
-transition: 0.15s opacity ease, 0.15s visibility ease;
transition: 0.15s opacity ease, 0.15s visibility ease;
}
.cb-mm-on #cb-nav-bar .cb-main-nav > li:hover .cb-links-menu {
filter: progidXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
visibility: visible;
-webkit-transition: 0.15s opacity ease, 0.15s visibility ease;
-transition: 0.15s opacity ease, 0.15s visibility ease;
transition: 0.15s opacity ease, 0.15s visibility ease;
}
.cb-mm-on #cb-nav-bar .cb-main-nav > li:hover > a {
color: #fff;
}