Hover effect problem on navbar

[Mouchet0D4C]

Hi there,
I want to make a hover effect on a navigation bar.
The problem is that the effect only applies to one item, and not to the others, because of the superimposition of the effect on the rest of the menu items.
I made a video capture, you will understand : https://www.dropbox.com/s/nxifhx4ykox4z6v/116000-webdesign.mp4?dl=0

How to solve this problem and get the effect on each item?

Thanks for your help !

[Kenneth Kawamoto]

Is this closer to what you are after?

https://xd.adobe.com/view/43e27bef-3f25-4b0b-ab82-34417893ab7c-16b1/?fullscreen

[Mouchet0D4C]

Yes, it looks like it. It miss the effect of the submenu going up on to the hover, but in the idea that's it. How did you do this? Can i have your file?

[Kenneth Kawamoto]

Do you mean like this?

https://xd.adobe.com/view/43e27bef-3f25-4b0b-ab82-34417893ab7c-16b1/?fullscreen

[Mouchet0D4C]

Yes exactly !

[Kenneth Kawamoto · Accepted solution]

OK, cool. It's very straightforward. Will DM you for the file.

[greg517design]

Hi Kenneth, Can I get a copy of the file too? Or point me towards a tutorial showing me how to do it? Thanks

[Kenneth Kawamoto]

Sorry I don't have the file anymore - but you can do this using component state with hover

[greg517design]

Thanks for the reply. Yes, that's what I did.