Minimum Pro – subnav menu links hover

[marketingfrosting]

Hi,

I would like to create a dif HOVER COLOR for the MENU BAR and DROPDOWNS.

Right now when I change the hover color for one -- it changes for both the MENU BAR and DROPDOWNS.

Thanks,
Melissa

http://www.minimumpro.wordpresshappy.com

[Davinder Singh Kainth]

As of now sub menu as white background color as in following code:

.genesis-nav-menu .sub-menu a {
background-color: #fff;
border: 1px solid #eee;
border-top: none;
padding: 16px 20px;
padding: 1.6rem 2rem;
position: relative;
width: 160px;
}

For changing hover color for this, add following code below above code in style.css file

.genesis-nav-menu .sub-menu a:hover {
background-color: #ddd;
}

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[marketingfrosting]

Hi Davinder!

This actually changed the background color, not the hover color -- but I like the effect! The important thing is that it can be read, since it's not white-on-white.

Thanks so much for your help. This worked great.

Thanks,
Melissa

[Davinder Singh Kainth]

Great, for changing font color, add color:#333; in following class

.genesis-nav-menu .sub-menu a:hover {
background-color: #ddd;
color:#333;
}

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[marketingfrosting]

Thanks again Davinder!

[Author]

Posts