[markpysher]

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

[Sakin]

@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");
}

[markpysher]

Perfect – thanks for the speedy response!

[Author]

Posts