image on menu-item by hover

Hello,

I want on a hover of a menu-item that there apears an image. Each (only head menu-items) a different one. In firubug i see there is a menu ID, but i can't figure out what the correct css is to put an image on hover at a spefic menu-item ID. Please support.

I manage to get an hover image on all the (head) menu-items, but now everywhere it's the same image and not a specific for every menu-item a different image.

.none .megamenu ul.level0 li.megacss3 a.megacss3:hover, .megamenu ul.level0 li:hover, #js-mainnavcss3.megamenu ul.level0 > li.megacss3:hover > a.megacss3, .js-megamenu-off-canvas ul.level0 li > a:hover, .js-megamenu-off-canvas ul.level0 li > a:focus, .js-megamenu-off-canvas ul.level0 li > a:active, .js-megamenu-off-canvas li.nav-hover > a {
background: rgba(0, 0, 0, 0) url("../images/home.png") no-repeat scroll center top;
height: 87px;
width: 47px;
}


Regards Michel

Hi Hoks,
Thanks for contacting us and choosing our product!
Please send us the site and back-end accounts at private message(You can include images of your problem.). we will check for you in the shortest time. Thanks
**********
Best Regards
__NT__

How can i send the private message?

Regards Michel

Hi
please see picture below. Thanks.
**********
Best Regards
__NT__

Hi,
I added a picture on home page. you please look,
I wrote it in the advanced config tab "custom css"

#jux_megamenucss3 # menu101 .tooltipjs jux_megamenucss3 {
     background: rgba (0, 0, 0, 0) url (" www.pacificombudsman.org/home-images/home_img_05.jpg ") no-repeat scroll top center;
     width: 63px;
     height: 56px;
     position: absolute;
     top: -65px;
     left: 0px;
}

- # Menu101: 101 is the id of the menu used to differentiate the menu id.
- Background: rgba (0, 0, 0, 0) url (""): the path where to save photos
- Top: -65px; left: 0px; Displays image position compared with menu
Hope this helps
If you have any problems please contact me. I will help you. Thanks.
**********
Best Regards
__NT__

THX! it's working.

Can you also give me css for a menu-item to show the picture if it's active.

Note: site is now on: www.goldiesonline.nl/net/administrator (no localhost more).

Regards Michel

Dear Hoks.
I'm sorry. I don't understand. Please description it than better. I will check it for you.
Best Regards,
DiepNT

Hello,

I mean that when i click by example Home, the Home page is loaded. This is the active page. By the active page i want to see the image always (not juist at hovering). When i click on another menu-item, than that page is the active page and i want to see the image from that menu-item always.

Regards Michel

Hi,
Sorry for that reason. now I can not access your site (message "Sorry, uw is geblokkeerd Adres IP").
Please add the css, into config "Custom CSS" (Tab advanced)

# jux_megamenucss3 .megamenu ul.level0 li: hover .tooltipjs, # jux_megamenucss3 .megamenu ul.level0 li.active .tooltipjs {
     display: block;
}
if the issue is not resolved, I will check when I get to your site. Thanks

Thank you, with the css i solved it.

Regards Michel