Menu Hover Color Doesn't Work on All Menu Items

Support Area Forums Bottega Menu Hover Color Doesn't Work on All Menu Items

Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
URL to the page in question:
  • Author
    Posts
  • #8108
    Talisman
    Participant

    Not a biggie, but I’m scratching my head to figure out why only the last two top-level menu items in my header change color when hovered. See http://thetalismanrestaurant.com/main. About Us, Gallery, and Menus don’t change to the hover color when the mouse is over them, but Services and What’s On? do.

    Weird. Any ideas?

    Warm regards,
    Jennie

    #8111
    Bill Robbins
    Moderator

    Jennie,

    Gotcha. The drop down items change from white to silver so it’s a pretty subtle switch. You can change that with this CSS snippet,

    
    .menu li li a:hover {
    	color: #a23940;
    }
    

    That will make the hover color red.

    #8116
    Talisman
    Participant

    Sorry…I meant the top-level items (which are already red) — only the last two have the hover color. The others just stay red. I don’t mind the drop-down hover color.

    Thanks!

    Jennie

    #8119
    Bill Robbins
    Moderator

    I think it’s visited state that’s overriding the hover one.

    Instead of this:

    
    .menu a:hover, 
    .current-menu-item a {
    	color: #D7A791;
    }
    

    Use this:

    
    #navigation .menu a:hover, 
    .current-menu-item a {
    	color: #D7A791;
    }
    
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Menu Hover Color Doesn't Work on All Menu Items’ is closed to new replies.