Navbar hover colour

  • aadpmsa · Member ·

    Hi,

    I’ve changed the colour of my navbar through css but am now struggling to change the colour of each menu option when a mouse is hovering over it.

    I have tried:
    .menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-home.menu-item-87 {
    background: #0a1270;
    color: #0a1270;
    }

    And also:
    #menu-item-87 {
    background:#0a1270;
    color: #0a1270;
    }

    Also, is there a way to change the colour of the light blue stripe that appears underneath the navbar?

    Thanks

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

  • designorbital · Theme Author ·

    Hi,

    Your blog is not public at the moment. Please try the following CSS Snippets.
    Please change the .menu-item-120 class with your menu item class. Your menu item will have different number from 120.

    
/* Change Menu Hover Behaviour: Specific Menu Item */
.sf-menu .menu-item-120 a:hover,
.sf-menu .menu-item-120 a:focus,
.sf-menu .menu-item-120 a:active {
    background: #ff0000;
    color: #ffffff;
}
/* Navigation Border */
.main-navigation {
    border-bottom: 4px solid #ff0000;
}

    Thanks

  • aadpmsa · Member ·

    Perfect, thanks!

  • designorbital · Theme Author ·

    Thanks for the feedback.

  • The topic ‘Navbar hover colour’ is closed to new replies.