+ du menu qui passe au dessus de tout

Bonjour,
je développe un site depuis quelques jours avec joomla, et j'ai un problème sur cette page : nano3.cdg08.fr/index.php/icons/handicap/les-acteurs/le-cdg

Quand vous scrollez assez pour que le menu accordeon passe en dessous du menu central, l’icône "+" et "-" du menu accordeon passe au dessus du menu central.

J'ai donc mis un z-index très élevé sur le menu principal, et un z-index faible sur le menu de gauche, mais cela ne change rien. (sans doute du bootstrap ou je ne sais pas quoi qui pose ce soucis)


Comment faire pour que absolument rien ne passe au dessus de ce menu principal ?


Merci d'avance

P4atch


EDIT : Pensez-vous que si je retire mon script qui fixe le menu, et utilise votre solution pour fixer le menu, cela changera quelquechose ?

Salut
c'est que ton sticky wrapper (que tu as ajouté manuellement au lieu d'utiliser le widget de template creator ) ajoute un z-index "auto", alors qu'il devrait être au moins à 11
CEd

Je viens de mettre z-index > 11, mais cela ne change rien
Pensez-vous que si je retire mon script qui fixe le menu en haut, et que j'utilise votre méthode pour le fixer, le problème sera résolu ?

oui je pense
ton css ne marche pas car le z-index est défini par le javascript qui prend le dessus. Sinon tu peux essayer avec un " !important"

Merci beaucoup, je suis aller modifier la ligne dans le script qui mettais le z-index en auto,
encore merci