Sub Menu with different Font Colours

Hell0,

I managed to get a different color on my Menu Items with this code:

.avia-menu .menu-item:nth-child(1) > a{
	color:#FFF!important;
	background: #0b62ab!important;
}
.avia-menu .menu-item:nth-child(1) > a:hover {
	color:#fff!important;
	background: #0b62ab!important;
}
#mobile-advanced li:nth-child(1) > a {
	color:#FFF!important;
	background: #0b62ab!important;
}
#mobile-advanced li:nth-child(1) > a:hover {
	color:#fff!important;
	background: #0b62ab!important;
}

where i changed the number child(1) to 1,2,3,4

unfortunately the background of the sub menu changed also to different colours.

I like to have the font color of these specific sub menues in the 4 different colours above (child(1) etc)
The backgound should be white.
Also the underlines of the main menu buttons should have the same colour as the buttons (not blue as they are now).

How to do that?
Thank you for Feedback
Bernd

• This topic was modified 7 years ago by Bikul.