Griser les titres du menu au passage de la souris

[DCL34]

Bonjour,

Lorsque je passe la souris sur les titres du menu, ils disparaissent. 

J'aimerais qu'ils restent (dans la même couleur) et que seules les cases dans lesquelles ils sont insérés soient grisées au passage de la souris. 

Mon site : iddheaclean.com

[Biscot]

Bonjour, ils disparaissent parce que le hover des titres et de la même couleur que le background de la nav bar

[DCL34]

Merci @Biscot.

Du coup, comment fait-on pour que seul le block du titre soit grisé ? 

J'ai fait des modifications dans .dropdown-item:hover sans succès.

[DCL34]

Quelqu'un aurait une idée ? 

[Biscot]

.nav-bar {
    background-color: #4863A7;
    line-height: 23px;
}

#header .top-menu[data-depth="0"] > li > a:hover {
 à changer --->  color: #4863A7;
}

[Mediacom87]

Bonjour,

comme précisé par @Biscot

mettez ce bout de code avec la couleur que vous voulez dans le fichier custom.css de votre template :

#header .top-menu[data-depth="0"] > li > a:hover {
	color: #ffffff;
}

themes/medicarelayout1/assets/css/custom.css

[DCL34]

Merci @Biscot et @Mediacom87.

J'ai modifié mais seule la police change de couleur, pas le bloc. 

 

 

[Mediacom87]

#header .top-menu[data-depth="0"] > li > a:hover {
	background-color: #DCDCDC;
}

 

[DCL34]

Super ! Merci beaucoup.