Need to change menu colors

I just managed to change my menu color with this code:
.menu,
.menu a,
.menu a:hover,
.menu .current_page_item a,
ul.menu > li:hover {
background: #4C2D81;
border: none;
filter: none;
text-shadow: none;
}

However now I need to change the mouse over color and the rest of the bar that’s in blue into purple. I guess this code just needs some tweaking ?

Hi magzaloo,

it’s very simple,

=> Use Below code Menu Fullwidth Background color

#site-navigation {
background-color: #;
}

=> Use Below Code Menu Hover Background-color

.main-navigation li:hover > a {
background-color: #;
}

=> Use Below Code you can change Menu hover Font Color

.main-navigation li:hover > a {
color: #;
}

Fantastic. Just little bit of code makes all the difference. You have saved me a lot of frustration now and in the future. Thank you kindly for your time and help prabhukb.

Marked as resolved