Dropdown hover only work for certain dropdown

[Tokioshi]

Hi, so I'm facing an issue where I had a navbar with dropdown on it. I want when user hover to the dropdown at the navbar, it will drop, just like how dropdown works. But, I had another dropdown that want to be different with the navbar dropdown. It will only work when user click it, doesn't hover it. But, my code made the dropdown that I don't want to drop when it's getting hover, become drop when hovered. Here is my code: HTML and CSS And I've attach some screenshot of the website that might help.

Navbar
Other dropdown

[jonhubby]

The issue is that your hover styles are applied to all dropdowns instead of just the navbar ones. You could add a specific class to the navbar dropdown (e.g., .navbar-dropdown) and then target that in your CSS with something like .navbar-dropdown: hover. For the other dropdowns, you can just keep them tied to a: focus or onclick event.