hover color of navigation menu is not changing properly

  • Resolved zohaibkhan5

    (@zohaibkhan5)


    6 years, 4 months ago

    i am trying to change the hover color of top menu navigation and secondary navigation menu to #025a91 and nav background: #0274be i have tried this css but its not working when i hover its color is #025a91 but when i click on navigation bar menu link its color changes to #2693ba:
    .main-navigation {
    background-color: #0274be;

    }
    .main-navigation li:hover > a{
    background:#025a91 ;
    }
    .menu-primary-items li:hover>a{
    background-color:#025a91
    }

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

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

  • The problem is that that hovers are on the anchors and not the list items. So while it will work under normal circumstances, the theme styles get more specific with :visited rules that overwrite the li:hover. You could copy the styles exactly and overwrite them:

    .menu-primary-items a,
.menu-primary-items a:visited {
    background-color: #0274be;
}

.menu-primary-items a:hover,
.menu-primary-items a:visited:hover {
    background-color:#025a91;
}
    Thread Starter zohaibkhan5

    (@zohaibkhan5)

    fixed…thank u so much

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘hover color of navigation menu is not changing properly’ is closed to new replies.

Tags