Good Morning Stephanie,
Great question. It looks like some of the styling in the Custom CSS is overriding the hover color for the currently selected menu item. In this style:
div#sidebar nav a,
div#sidebar nav a:visited,
header#primary,
#content,
div#sidebar nav li.current-menuitem
li a,
.staff-list article,
select.tinynav,
#sidebar .widget {
background-color: rgba(92,
131, 181, 0.80);
}
The div#sidebar nav li.current-menuitem li a
will override the earlier style for the current item’s hover state. What we can do is add this to the bottom of the Custom CSS to make sure the hover color picks up on the current item like it should:
div#sidebar nav li.current-menuitem li a:hover {
background-color: #7F00E3;
}
Save your changes and see if that doesn’t do the trick. Let me know if you run into any questions or trouble.
Have a great day,
Bill