How to Add Colored Blocks on Navigation Hover

This topic has 1 reply, 2 voices, and was last updated 9 years, 1 month ago by Wes.

Viewing 2 posts - 1 through 2 (of 2 total)

Author

Posts
October 11, 2013 at 12:18 pm #8042

Abigailjane
Customer

Hi, I would love to add colored blocks that appear when I hover on the navigation labels? Is this possible?

Here’s a great example of what I’m talking about – http://www.heathermackan.com/

Thanks!

October 12, 2013 at 11:38 am #8083
Wes
Moderator
Here is the code that is used on that site –
```
.genesis-nav-menu a:hover,
.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover {
	background-color: #53c2ba;
	color: #fff;
}
```
You could add the background color to the same place in your css and it would show up since most Genesis themes have this in their css.
Author

Posts

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.