Main menu text invisible when sub menu is selected.

Agent8

Hi a while ago I added this code to my css to make the background hover on main menu white

.top-menu li:hover, .top-menu li.current-menu-item, .top-menu li.current-menu-ancestor {
background-color: #FFFFFF;
}

Now when you choose submeu item the main item is white as well - I cant seem to find where to change this.

here is my link - select work and the select logo - then watch work disappear.


http://levelcreativ.com


thanks

surgeon

Hello, i'm moving this topic into 'Beach Please' section.

Air

Hello

Yes, you overwrite default bg-color of marked items and that is why it happening. You will have to add such custom CSS

.top-menu li:hover > a, .top-menu li.current-menu-item > a, .top-menu li.current-menu-ancestor > a {
    color: #000000;
}

Please comeback to me and tell if it works for you.

With regards.

Agent8

it worked but now the blue active or hover color is gone.

Agent8

it did work but the hover /active color i had (teal blue) is gone

Air

Then don't use whole CSS rule. Maybe try only this part:

.top-menu li.current-menu-ancestor > a {
    color: #000000;
}

With regards.

Agent8

ha lol - that brought it back to original - hover/active color is there, but work turns invisible....?

Agent8

actually that worked -its ok - it just dissapears when you hover over submenu -when you click page its visible again - i guess that will work - thanks - u can click link and see

Air

Hello again

In your case I think CSS should be like this, so it will be good in every scenario:

.top-menu li:hover > a, .top-menu li.current-menu-ancestor > a{
    color: rgba(6, 151, 185, 1);
}

I have tested it and it works nice in your case.

Sorry for not testing this earlier.

With regards.

Agent8

perfect Thanks!!!