Drop Down WordPress Nav ne fonctionne pas sur Firefox

Publié par Jean-Michel le

J’ai modifié le CSS de la NAV sur ce site Web et maintenant il ne fonctionne que dans Chrome mais pas dans Firefox. Des menus déroulants existent sur ‘Menus’ & ‘Restauration’. Il a été développé dans WordPress et je suppose qu’il me manque quelque chose en ce qui concerne le codage dans WordPress.

Lire également:  En-tête du thème Wordpress Pathwell - Supprimer le bouton "Envoyer la demande" et le numéro de téléphone

Des idées?

http://sbserver.wwwsd3.a2hosting.com/devo_williams_freshcafe/

Solution n°1 trouvée

Si vous rechargez votre page et survolez l’élément de navigation pendant son chargement, vous remarquerez que le sous-menu fonctionne correctement – il apparaît, mais est ensuite masqué lorsque l’ #main-contentélément s’anime.

Je ne sais pas pourquoi cela se produit, car votre z-index:999999dans le sous-menu devrait certainement remplacer le z-index:999de #main-content. (Je suis à peu près certain que la valeur maximale pour z-indexest beaucoup plus élevée que cela.) Cependant, pour une raison quelconque, 999999 est traité de la même manière que 999, et le wrapper principal apparaît au-dessus des sous-menus.

Lire également:  Wordpress : Comment inclure les polices Google

Pour le réparer, il suffit de diminuer légèrement le z-indexon #main-content. Par exemple, en utilisant :

#wrapper.boxed #main-content {
    z-index:998;
}

Cela a fonctionné pour moi (testé dans Firefox 20) et le sous-menu apparaît au-dessus du wrapper principal. J’espère que cela t’aides! Faites-moi savoir si vous avez des questions, bien que je sois franchement un peu perplexe également.

Catégories : Wordpress

Jean-Michel

Jean-Michel est en charge de la partie blog du site. Il met en place la stratégie de contenu et répond aux questions fréquentes sur Wordpress.

0 commentaire

Laisser un commentaire

Avatar placeholder

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *