Menu Font Color

In order to make the menu wrapper white (for our logo) and the menu font black (so that it is visible on a white wrapper), I have used the following code:

.menu-wrapper-bg {
background: white;
}

.menu-sp ul a{
color:#000000;
}

However, when a user is on the homepage, and "Home" is therefore active on the menu, the font is white and "Home" is therefore not visible. Please can you tell me what code I need to ensure that the active page link in the menu is visible on top of the white menu wrapper?

Additionally, is there a way to remove the "/" in the menu?

Thanks,
Rex

 

Hello,

Please provide URL of your website which make us better understand.

Thanks & Regards
Pramod

 

http://nowbenefits.net/

password - pass999!

 

Hello !

Goto Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
Paste this code in box.

Code:

.reverse-color.menu-sp ul li.current_page_item  a {
color: #000;
}
.menu-sp ul li:after {
content: "";
}

Thanks & Regards
Pramod

 

Perfect, Pramod, thanks!