How to change submenu hover color + other problem

Hi,
on my website www.essentialpower.com.au i just added submenus and i notice that when I hover the submenu the text becomes green (ok) and the background is purple. I don’t want that purple and I don’t see where to change it to white.

Also, when you click on the about us page, the menu text goes purple and the submenu looks different, and don’t understand why.

My outcome is to have the submenu on white background, black text and green when hovering.

below you can see all the custom css I have.

Thanks

.instagram-pics li {
float: left;
width: 33%;
padding: 0;
margin: 0;
}
#logo img {
max-width: 250px;
}
div#logo {
padding: 0px;
}
header.page-header {
display: none;
}
body.single .post-inner-content a {
color: #4ea346;
}
a:link {color:#4ea346;} /* unvisited link /
a:visited {color:#4ea346;} /
visited link /
a:hover {color:#4ea346;} /
mouse over link */

Hi Kecco,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS


.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus,
.dropdown-menu> li> a:hover,
.dropdown-menu> li> a:focus,
.navbar-default .navbar-nav .open .dropdown-menu> li> a:hover,
.navbar-default .navbar-nav .open .dropdown-menu> li> a:focus,
.navbar-default .navbar-nav .current-menu-ancestor a.dropdown-toggle {
    color: #4CAF50;
    background-color: #FFF;
}

.dropdown-menu>.active>a {
    color: #262626;
    background-color: #FFF;
}


Best Regards,
Movin