Hello. I've been playing with SDv3 and while I love it, I've been running into an issue with text link colors in a nested menu. There's a quick tip on the bottom of this CoffeeCup article - https://www.coffeecup.com/help/articles/create-a-nested-menu-from-scratch/, but I'm still having problems with it. Like the tip said, on the Desktop layout of the nested menu, the text link will initially show the color I specified on the "hover state", but will them immediately change to the default blue. I guess I don't understand the solution of "applying another state". Any help would be appreciated.

If you want to see what's happening, just hover over the menu on a Desktop - https://hamptonpresbyterian.net/new/

Thank you for your assistance!

Hi David. Is it on the dropdowns on desktop. Sorry not at my computer currently. I will post the fix tonight when at the computer. The issue is the link is defaulting back to foundation blue.
Kind regards Phil

Migh this post and the ones that follow it be relevant?

Frank

PS. Phil's post above appeared while I was typing this one - but the link may prove helpful. FC

I just had a similar problem with a submit button, and I solved it by giving the button the extra class 'override', and then I wrote this bit of css and added it to the head section in Page manager:

Normally you don't give any styling to 'visited' and it is not globally supported AFAIK, but to get the same colour throughout, I included it.

<style>
.dropdown.menu > li.is-active > a { background: transparent; color: #f84b0f; }
</style>

Hi David, if you add this line to your head in your page manager it should resolve the hover color red on dropdowns.

Kind regards, Phil

Hi Phil would that also work for me? On hover I still get a "blue" when hovering over the sub links, added the second override class like you mentioned earlier and still have it not right was going to just leave it as is.
Ray

Hi Ray, when hovering over the dropdown the top link goes back to default blue when going over the sub menu then yes this should sort it out. Just change the color: # ; to what you desire as its red in the example above for David.

Let me know if any problems.

Regards

Thank you Phil will do that I appreciate your help.

Regards, Ray

Thank You Phil That css style took care of it and no more Blue - I appreciate the help very much. Enjoy the weekend.
Ray

You're welcome. Regards:D