Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • May 7, 2020 at 12:47 am #1210571
    fcp

    Hi,

    I added background images in my main menu dropdown, following this thread:

    Add Background Image to Dropdown (Sub Menu)

    Now I would need to display different images when hover over each submenu.
    I tried many things like:
    #menu-item-2095:hover > #menu-item-2089 ul {background: #fff url(https://image1.jpg) no-repeat left center !important;}
    Or (adding a custom class to each submenu):
    .submenu1:hover > #menu-item-2089 ul {background: #fff url(https://image1.jpg) no-repeat left center !important;}
    But nothing works…

    What am I doing wrong and what I would need to do to achieve this?

    If needed, you can find a link and credentials to my website in private content.

    Thanks a lot!

    May 11, 2020 at 2:48 am #1211719
    Mike

    Hey fcp,
    Sorry for the late reply, unfortunately, this will not work as css because you can’t influence a parent item with css.
    I tried some jQuery but the important tags in your css are preventing it from working, but I couldn’t find the css in your site.
    Please try removing the !important from your background image css and I’ll try again.

    Best regards,
    Mike

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.