Skip to main content

For the top navigation menu, if you want to have each menu item change color when you hover it, add this custom CSS:

/* the following sets the background color for the menu item on hover */
.top-bar-section li:hover:not(.has-form) a:hover:not(.button) { 
background-color:#444444; 
}
.top-bar-section li.active:hover:not(.has-form) a:hover:not(.button) { 
background-color:#444444; color:#fffff0; 
}
/* the following sets the text color and icon color for the menu items on hover */ .top-bar-section ul li:hover:not(.has-form) > a, .top-bar-section ul li:hover:not(.has-form) > a:hover i.fa { color:#fffff0; }


You'll want to of course set your own hexadecimal colors for each color value above.

Add Reply

×
×
×
Link copied to your clipboard.
×