I can’t really test this, but I think it is the style that is set for the drop-down items is:
.main-navigation li:hover a {
color: #DD1870;
}
this rule would apply to your drop down menu as well as the main navigation because it does not specify which li:hover a, so it applies to all of them, even the drop-down.
There are a lot of ways to override this, here is one:
.main-navigation .children li a {
color: #444;
}
.main-navigation .children li:hover a {
color: #DD1870;
}
This specifies to change the color of the li a of the class “children”, which is set in the
ul element of the drop-down. I hope this makes sense, let me know if I can clarify it for you or if it doesn’t work.
OMG, you’re a star!!! It works. Thank you so much for that :-))))