Changing the nav links hover colour only

I've added this code into the Custom CSS:

.sub-nav a:active, a:hover {
    outline: 0;
    color: #237CA8 !important;
}

Which has created the desirded effect (a hover state for my nav links) but it's also added the blue hue to all my button hover states. How can I get the Custom CSS to only target my menu nav? (See two images attached)

Thank you in advanced! 

Hi!

In your code you have correctly targeted the sub nav links in their active state (.sub-nav a:active) but after that you are targeting all links in their hover state (a:hover) hence why the buttons are changing on hover as they are also considered links.

Try pasting this piece of code into your Custom CSS so that the sub-nav is targeted both times;

//Style active and hover sub nav links
.sub-nav a:active, .sub-nav a:hover {
    outline: 0;
    color: #237CA8 !important;
}

Hi! 

Thank you for your help in this. 

I've pasted in the code you supplied and now none of the links have their hover states.

Painful... I know. Please please help... again. Thank you! 

Screenshot attached - my mouse is on a link in the dropdown.

Can you share site url? We can give code easier.