Help change main and social menu color


I am trying to change the main navigation menu and social icon colors to white. It is currently appearing as a gray color and looks nearly transparent on the website. After inspecting the image, the hex code of the nav and social icon is #4c4c4c and I would like to change it to white.

I’ve tried multiple codes by changing the CSS in my appearance and by adding the additional CSS to change the colors, but nothing seems to work. The website is

As you will see, the menu bar is barely legible. I have been able to change the hover color to the bright green, but I would like the still colors to be white.

Please help! Thank you in advance!

Hey there,
I hope you’re doing well today

Kindly add and save the following code to Appearance > Customize > Additional CSS:

/change menu font to white and increase font/
.menu a {
color: white !important;
font-size:15px !important;

Best Regards,

Thank you! It worked. However, now my drop down menu fonts are white and are not legible. Is there any way to fix that while keeping the menu white? I would like the drop down menu font to remain the color #4c4c4c

Hello there,

I hope you are doing well today.

Please remove the previous CSS code and try using this set instead:

/*Menu font color and size*/
.main-navigation .menu li a {
    font-size: 15px;
    color: white;

Best Regards,

It worked! Thank you so much for your assistance.