I have a question about adjusting the focused state of a dropdown menu. I have hover set as a thin blue line for a bottom border, then a thicker orange line for nav items that are open when showing the mega menu.
My issue is, if I click the same nav item (like clicking solutions to open the nav menu, then clicking solutions again to close the menu), the orange line stays as if its still in focus. I’d like it only to underline in orange if the menu is active/showing.
How can I get that orange underline to only activate when the nav menu is open, then cleared of styling when closed. Thank you for reading and helping!