Navbar hover interactions

Design help Animations & Interactions
1

Hi,

I am having a issue with my custom navbar. currently i can get the contents to show when i hover over the interaction link, the issue i am having is when I try to hover over the content in the navbar it disappears.

I want the nav bar to stay open so I am able to click on the inside contents , and I want it to disappear when i am no longer hovering over the “shop” link or in contents inside the custom nav bar.

https://preview.webflow.com/preview/raymonds-initial-project-955ee7?utm_medium=preview_link&utm_source=designer&utm_content=raymonds-initial-project-955ee7&preview=8388ca069399ccfeebb84275a77e7f58&mode=preview

2

Have you got an example of this working in real life? On another site?
Having part of the UI only visible on Hover is not great… what if people are using a keyboard to navigate?

3

Hi,

I redesigned it last night i think it works now. Below is where I left off in the project, I think it will also work while using a keyboard.

If you have any input that will be helpful too thank you.

https://preview.webflow.com/preview/raymonds-initial-project-9a9259e6f57935?utm_medium=preview_link&utm_source=designer&utm_content=raymonds-initial-project-9a9259e6f57935&preview=8388ca069399ccfeebb84275a77e7f58&mode=preview

4

@Jonathan_Holden I didnt mention you in the above message sorry