Reply To: Changing Font Color and Icon Color in Top Menu

I apologize. I should have been more specific in my answer in your other topic. The theme styling options *should* be controlling the colors for both the top and main menus. The top menu *should* be the same color as the main menu, except with an .5 opacity applied making it lighter. The way to override this is to put custom css in your child theme using wp-admin -> appearance -> editor and making sure you are editing style.css or by adding it to Quick css in Theme Options -> General settings.

It appears in your screenshot that the opacity is much lighter than .5. This can be caused by a few different things. Different browsers will display colors differently. A plugin might be overriding the css (doubt it). One way to determine what’s going on is using your browsers property inspector. Right click on one of the social icons and select inspect element. Look for the .header-color .top-menu rule. This will tell you where the rule is being loaded from. If its dynamic.css, then its coming from Theme Options -> Styling -> Header. If it says index.php then its coming from Quick css in Theme Options -> General settings. If it says style.css then it coming from the child theme. I’ve attached a screenshot.

If its just a matter of the .5 opacity setting for your white text is too light, you can change that by putting the following in quick css. You can also test it by clicking on the color setting in the css inspector and changing the opacity from 0.5 to 1.

.header-color .top-menu li > a, .header-color #top-social li a {
color: rgba(255,255,255, 1);
}

Hope this helps solve your issue. I tried going to your site to figure this out for you.

Here are some other topics regarding the top menu color
https://archived.seventhqueen.com/forums/topic/style-top-navmenu
https://archived.seventhqueen.com/forums/topic/is-it-possible-to-change-top-menu-color