Hey support team,
how to add an image on hover to menu and submenu items (e.g. a little flower)?
Hey vincemilia,
Unfortunately, it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)
Best regards,
Basilis
By using this css it works.
li#menu-item-3283 a:hover {
background-image: url(http://url_to_image.png);
background-size: 22px 18px;
background-repeat: no-repeat;
background-position: 115px;
}
Now how do i add the image to the overlay burger menu items and sumenu items?
For URL please see private content.
Hi,
Nor sure I do understand exactly where you want to place it.
Maybe it is better to send us a screenshot.
Best regards,
Basilis
Hi,
please see screenshot in private content.
Hi vincemilia,
There is no hover state on mobile devices, that is why this css will not work on mobile. You will need to write JavaScript to emulate the same behavior on mobile.
If you need further assistance please let us know.
Best regards,
Victoria
Hi Victoria,
i know, that here is no hover state on mobile devices. The Image should be just shown beside the menu item without hover. I just don’t know how to adress the menu items via css.
Hi,
If you like to know the CSS reference for menu items please check the theme documentation https://kriesi.at/documentation/enfold/menu/
I’m sorry to say that we won’t be able to help you much with this issue. As mentioned earlier, it would require a lot of time and customization to achieve this, so it is not covered by our support. However, you can hire a freelancer to do the job for you :)
Best regards,
Vinay