Menu Hover Color Doesn't Work on All Menu Items

[Talisman]

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

[Bill Robbins]

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.

[Talisman]

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

[Bill Robbins]

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;
}

[Author]

Posts