Menu component theme


I'm trying to implement a custom theme and am struggling with finding the setting for the hover colour for the root item of a menu. If I have a menu with a root labelled "Navigation" and 2 of 3 child items beneath, the hover text of the child items seems to pick up the "Hover Color" set for Menu under the Customize theme option but, the hover colour for the root "Navigation" item always seems to default to #479cc8 when using the default theme.

Any pointers would be appreciated.

Indeed this is a separate setting which isn't exposed in the Theme editor yet.

Just add this CSS to your styles.css file with the desired color:

.menu:not(.profile-menu) .navigation-item-wrapper:hover .navigation-item-link {
   color: green;

Hi - I've tried this and it works perfectly. Many thanks!