You change the colors under “SITE NAVIGATION”.
.genesis-nav-menu a:focus,
.genesis-nav-menu a:hover {
color: #e668e5;
}
.site-header.light .genesis-nav-menu a {
/*padding: 30px 15px;*/
}
.site-header.light .genesis-nav-menu > .last > a {
padding-right: 0;
}
.genesis-nav-menu li.highlight a:hover::before {
color: #fff;
}
.genesis-nav-menu li.highlight > a {
font-weight: 800;
}
.genesis-nav-menu > .menu-item > a {
text-transform: uppercase;
}
.front-page .site-header.light .genesis-nav-menu > .menu-item > a {
/*color: #e668e5;*/
}
.genesis-nav-menu .sub-menu {
left: -9999px;
letter-spacing: 0;
opacity: 0;
position: absolute;
-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-ms-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out;
width: 200px;
z-index: 99;
}
.genesis-nav-menu .sub-menu a {
background-color: #222;
font-size: 12px;
padding: 20px;
position: relative;
width: 200px;
}
.genesis-nav-menu .sub-menu a:hover,
.genesis-nav-menu .sub-menu li.current-menu-item > a {
background-color: #f5f5f5;
color: #e668e5;
}
The drop down menu is still orange so in the above example I changed it to “#f5f5f5”. You need to select a color combination which goes with your purple text, so it reads well (contrast). Maybe black?
Other thing, you have “right click” disabled. I couldn’t use the “Inspect Element” to view the code to your site, so the above is from the Aspire Demo. Your actual code may be different. However, the Site Navigation section is what you need to play with to tweak your colors.