Change primary navigation menu font color

Greetings! Would you please provide the CSS for changing the primary navigation menu font color (NOT on roll-over)? On roll-over, the menu font is black. That is fine for all instances.

I’ve searched the forum but couldn’t find this one answered.

Thanks!

Hello there,

Try adding the below CSS code to Appearance > Customize > Additional CSS in your site admin area.


/* Top level menu */
#site-navigation .menu > li > a {
  color: #ff0000;
}

/* Submenu */
#site-navigation ul ul a {
  color: #fff000;  
}  

Regards,
Kharis

Hi Kharis,

Thank you! I ended up finding this and it seemed to work:

/* Background color */

.slicknav_nav {
background-color: #abcfd8;
}

/* Border color */

.slicknav_nav a {
border-color: #ffffff;
}

.slicknav_nav .sub-menu {
background-color: #abcfd8;
}

/* Character color */

.slicknav_nav a {
color: #ffffff !important;
}

What was throwing me off is that in the live previewer, the drop down menu for the phone screen was still black. But when I see it the site live on my phone, it is fine. Thanks!

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis