Menu Item Hover

  • Unknown's avatar
    lvbroker · Member ·

    So when you hover over the menu item on the actual page the text dissapears. it seems to be fine on every other page but only when you hover over that menu

    The blog I need help with is: (visible only to logged in users)

  • senff · Staff ·

    It’s because you’re using “!important” for the background color:

    #nav-primary .nav > li > a, .custom-colors #nav-primary .nav > li > a, #nav-primary .nav > li.current-menu-item > a, #nav-primary .nav > li.current-cat > a, .custom-colors #nav-primary .nav > li.current-menu-item > a, .custom-colors #nav-primary .nav > li.current-cat > a {
color: #FFF;
background-color: #053645 !important;
font-weight: 700;
border-right: 1px solid #101314;
border-left: 1px solid #393e40;
text-transform: capitalize;

    Because of that, the color will not turn to green(ish) when you hover, like it does with the other menu items.

    Situations like these are a good example why the use of “!important” should be avoided as much as you can.

  • The topic ‘Menu Item Hover’ is closed to new replies.