Can't get dropdown menu on nav bar into separate hover states

Hi all, I am having issues creating a hover state for the dropdown menu for my nav bar. No matter what I try to do, all tabs would go into the hover state together as seem in this screen recording- Loom | Free Screen & Video Recording Software | Loom.

How can I fix this issue so that each tab hovers individually?

Thank you so much.

Here is my public share link: LINK
(how to access public share link)

You’ll need to share your project with the community first:

It look like you’ve applied a hover state to the entire dropdown component rather than the individual links.

Hello, apologies for it but here’s the read only link- Webflow - Jacelyn's Works

I still can’t seem to apply on the individual links, it cuts across the entire dropdown

There are numerous things wrong here. Tough to track down but the attached screen grabs should get you started in the right direction. I recommend reading through some Webflow University courses.

1 Like