Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    Mar 2012
    Posts
    53
    Thanks
    14
    Thanked 0 Times in 0 Posts

    Exclamation CSS3 Dropdown Menu ON state

    I'm trying to make it so my dropdown menu, when it drops; that the tab that the drop is under, stays highlighted when hovering over the drop items. Currently when you mouse off of it the tab disappears yet the dropdown menu is still visible.

    see here - http://webbetasite.com/family - under the SERVICES tab.

    Thanks for your help in advance!

  • #2
    Regular Coder
    Join Date
    Dec 2010
    Posts
    424
    Thanks
    22
    Thanked 56 Times in 56 Posts
    Instead of changing the <a> tag on hover -
    Change the <a> tag when you hover over the LI

    Change this

    Code:
    #header-container #header-content .top-nav ul.menu li.menu-item a:hover
    to this

    Code:
    #header-container #header-content .top-nav ul.menu li.menu-item:hover a
    Then it should stay on while the dropdown is on as well.

  • Users who have thanked aaronhockey_09 for this post:

    andwfara1 (11-15-2012)

  • #3
    New Coder
    Join Date
    Mar 2012
    Posts
    53
    Thanks
    14
    Thanked 0 Times in 0 Posts
    Thanks Aaron - required a little tweaking after to make sure the rounded corners didn't show up in the sub-menu - but it worked! thanks a bunch.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •