The whole menu is hovering

Hi dear community.

I am struggling with my menu, it keeps on hovering the whole menu for some reason. I think it could be related to how the elements are stacked under each other in the navbar. Please have a look at the read-only link to see what I mean.


Here is my site: https://preview.webflow.com/preview/christians-business-starter-0cbd62?utm_medium=preview_link&utm_source=dashboard&utm_content=christians-business-starter-0cbd62&preview=729c11bc7157cb0ecc52d391837e4bb7&mode=preview

Hi

On my screen it’s looks fine except the fact that the hover effect is so minor that you can not see the difference.

I can see it very clearly though. :frowning: I would really like to figure out how to have a hover effect on just one element at a time… :thinking:

Hi

I’ve changed the hover state to Emphasize the effect :slight_smile:

https://www.loom.com/share/1fbfdc408ef94a4e9849f7d9708c6633

Thanks, but it is still a bit weird with the whole hover. I will have another look at it.