Top Menu colors for selected header

  • Resolved minickmd

    (@minickmd)


    8 years, 7 months ago

    I have been modifying the colors on my top menu items in the header bar. I am happy with everything except one detail that I cannot figure out. When you select a page from the drop down menu and then you return to that drop down menu, the top menu header (Home for example) turns yellow with black text, however when you then move over the drop down items, the font for the top (Home) turns back to the yellow that it is when not hovered over. This yellow is desired when you are on one of those subpages as it indicates which section you are in, but I need it not to turn yellow when on the submenu because it is on a yellow background, should be black. Page is https://test.premiercarepeds.com

Viewing 4 replies - 1 through 4 (of 4 total)

  • This is likely happening because of the “visited” selector and the parent link is inheriting something which has the text set to yellow for visited links.

    https://www.w3schools.com/cssref/sel_visited.asp

    Thread Starter minickmd

    (@minickmd)

    So I’m not sure it is inheriting a visited color as other visited links are not set to yellow. I think it is inheriting the yellow color for the menu header when you are on a page within that menu (Note that the color of the text on the top menus is yellow if on one of the pages from the drop down vs white for the other menus). I am not sure how to override the color just for the one at the top of the menu IF you are on a page from that menu

    Right, I was just trying to point you in the right direction. From what I can see you’re using a plugin to manage the menus? You’ll likely need to add custom CSS there and/or contact the plugin developer for support.

    Thread Starter minickmd

    (@minickmd)

    Fixed

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Top Menu colors for selected header’ is closed to new replies.