Navigation menu parent item colour

  • Resolved alisonkatherine

    (@alisonkatherine)


    1 year, 1 month ago

    I’ve added code to the Additional CSS to change the text colour of menu items when they’re active or hovered over, from #007acc to #076174. However, now the menu items with children (the parent items) are going to the 007acc colour when their children are hovered over. How can I get them to revert to the unlinked colour when their children are being hovered over (or even stay as the 076174 colour)?

    I’ve looked at the theme code and tried to change various things (via Additional CSS) but can’t figure it out.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator jordesign

    (@jordesign)

    Hey @alisonkatherine – from what I’m seeing – there’s 2 different parts of your CSS affecting those menus. your custom CSS has affected when the link is hovered, but not when the menu is open.

    Could you please try adding this and see if it helps?

    .main-navigation li:hover > a, .main-navigation li.focus > a {
    color: #076174!important;
}
    Thread Starter alisonkatherine

    (@alisonkatherine)

    Yes, that works – thank you!

    I knew I had to do something else with the CSS but I didn’t know how to code for when the menu is open – so thanks for explaining that.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Navigation menu parent item colour’ is closed to new replies.