Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • January 21, 2014 at 11:09 pm #19542
    markpysher
    Member

    Hi – I’m using Everest Pro here: http://www.grandbeachinnmaine.com

    I want my nav bar menu to have a hover background image as well as a different active background image.

    Thanks

    January 22, 2014 at 12:18 am #19546
    Sakin
    Keymaster

    @markpysher: You can add the following CSS in “Appearance => Theme Options => Custom CSS” box.

    /* For Hover */
#header-menu ul.menu li:hover > a { 
    background-image: url("http://www.grandbeachinnmaine.com/wp-content/uploads/2014/01/navback.jpg"); 
}
/* For Active */
#header-menu .menu .current-menu-item > a,
#header-menu .menu .current-menu-ancestor > a,
#header-menu .menu .current_page_item > a,
#header-menu .menu .current_page_ancestor > a {
    background-image: url("http://www.grandbeachinnmaine.com/wp-content/uploads/2014/01/navback.jpg");
}
    January 22, 2014 at 12:38 am #19550
    markpysher
    Member

    Perfect – thanks for the speedy response!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Menu Hover and Active Background Image’ is closed to new replies.