Here’s what I put in my main.css and it works:
.main-navigation a:hover {
/* Originally color: #7e5d26; */
color: #ffffff;
}
.main-navigation li:hover > a {
/* originally
color: #7e5d26;
background: #100d0a;
*/
color: #ffffff;
background: #62b562;
}
Using the CSS editor didn’t work because the > character gets converted to <. Editting style.css won’t work because main.css gets loaded AFTER style.css so the rules in main.css overwrite, so you have to download, edit and upload main.css. Be sure to scroll down to the section where the rules are for these 2 selectors and put your rules in in place of them.
