Sub-Menu Hover Problem

  • I’m using the Weaver 2.2.8 theme.

    In my menu I have sub-menus. In the admin panel I’ve made it so that on the hover the background changes color. The problem is when I hover over a menu item that has a sub-menu intem(s) the entire list because highlighted. I want it so that only the menu item that is being hovered is highlighted. See my site here.

    Any ideas?

Viewing 3 replies - 1 through 3 (of 3 total)

  • There may be a way in the Weaver theme to do this in the options, but if you can’t find it, try adding these lines in the ‘Advanced CSS Options’ section in Admin->Appearance->Weaver Admin->Advanced Options:

    ul.sub-menu > li > a { color: #000000 !important; background-color: #aaaaaa !important;  }
ul.sub-menu > li > a:hover { color: #0000ff !important; background-color: #44ffff !important; }

    Have fun playing with the colors.

    Thread Starter Cassie_andra

    (@cassie_andra)

    Thank you for that! I looked for an option in the Weaver theme but found nothing that was what I was looking.

    The code you wrote is better than what was on the site before, but is there a way to that the top section of the menu isn’t highlighted? For example, when you go over to “Contact Us” and then down to “FAQ” both Contact Us and FAQ are highlighted. I want only the FAQ to be highlighted. But if the Contact Us were to be hovered, then it would be highlighted.

    Sorry, I can’t see a way to do that.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Sub-Menu Hover Problem’ is closed to new replies.