How to hide parent menu item stop hovering when child item is selected

  • som1987

    (@som1987)


    10 years, 10 months ago

    Hello,
    I am developing a theme based on twenty eleven. My site is http://cordate.com/.
    Now when i select support the menu item is hovered to yellow. That is fine. But after hoveing its child menu i.e. Test page the support still remains yellow. How to remove the yellow background when a child is hovered. Can anyone help me?

Viewing 1 replies (of 1 total)
  • paulwpxp

    (@paulwp)

    10 years, 10 months ago

    This should do it.

    /*----- reset -----*/
.menu_top li:hover > a { background-color: transparent; }

/*----- adjust parent only -----*/
#menu-header > li > a { color: #eee; }
#menu-header > li > a:hover { background-color: #f7d023; color: #373737; }

    BTW, do you use child theme ? or just keep editing the theme directly ?

Viewing 1 replies (of 1 total)
  • The topic ‘How to hide parent menu item stop hovering when child item is selected’ is closed to new replies.

Tags