Image appear on mouse hover and click

How do I add an image above each button on navigation menu and that image only appears on mouse hover and click? See screenshot

URL:http://webworxworld.com/client-demo5

 

Hello,

It is not possible to do so with this theme, But possible solution is given below

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

#menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover {
background: url(Enter your image address here) top center no-repeat;
}

 

didn't work as the image is being put in the navigation and not on top... See screenshot below

 

Hello,
Unfortunately there isn't a way to do that with our theme and Gourav has already told you in the previous post that "It is not possible to do so with this theme, But possible solution is given below" .

You can display the image only in the background of menu button, It is not possible to show the image above the menu button when hover the menu.