Nav menu hover color and divider

Good evening,

I’ve just discovered your wonderful Hiero theme and I was wondering if there’s a simple CSS I could add to change the nav menu hover color to black as well as the text to white. In addition, can I change the divider colors (between home, everyday, about) to white and the nav menu to white instead of that red? Then it will be perfect! I hope that all makes sense.
My site is: http://reactionarytales.com/

Thanks!

Hi there,

Here is the CSS code that you need. You can put the code below to: Customerize > Additional CSS:

#main-navigation li a:hover, #main-navigation li.current_page_item > a:hover, #main-navigation li.current-menu-item > a:hover {
    color: black;
}

#main-navigation li ul.sub-menu {
    border: 1px solid #af8bc9;
}

#main-navigation li li {
    border-bottom: 1px solid white;
}

#main-navigation li:hover li a:hover {
    background: white;
    color: black;
}

#main-navigation li li a {
    color: white;
}

Regards,
Awan

Thank you so much! Thats exactly what I wanted! :slight_smile: