Hi :) 

I noticed that when i do a custom naviagtion the hover and active background colour is inherited in the off canvas menu. Since my off canvas menu is a different colour to my normal nav, that active/hover colour now looks aweful. I tried changing it via code, but because the property is a general '.sub-menu a:active' it wont just change it on the off canvas menu, changes it across all. 

So since I cant add a custom class to the canvas menu, is there a way to change the hover and active background, or even just get rid of it via 'display:none' when on the off-canvas menu? Just would happily get rid of the hover and active for the off canvas since its mostly used on mobile anyway :) 

Thanks in advance

Actually I got this working for a change in colour: 

.off-canvas-menu-container .sub-menu a:active {
    background-color: #05B78D !important;
}

And then have to do that for active, hover an focus! Sorry for posting, i tried for ages an of course once I posted I figured it out

Hi, seems I am actually having trouble with it again. I attached a screenshot, so I basically want to get rid of the light green highlight of active and hover state completely so it only does an underline. Also how do I change that in that menu to also be white for the text?