NavBar Hover Interaction

Design help Animations & Interactions
1

Hello Webflow Community,

I kindly need help with a navigation menu hover interaction. The bar drops down on hover but doesn’t stay in place. I have tried using all the tutorials I could get my hands on but nothing seems to work.

Here is a link to the project: https://preview.webflow.com/preview/united-equipment-accessories-cf22e6?utm_medium=preview_link&utm_source=designer&utm_content=united-equipment-accessories-cf22e6&preview=a86d28e7a0d57db756fcdcf0690c1c0c&mode=preview

Any help is greatly appreciated!

Thanks.

Here is my public share link: https://preview.webflow.com/preview/united-equipment-accessories-cf22e6?utm_medium=preview_link&utm_source=designer&utm_content=united-equipment-accessories-cf22e6&preview=a86d28e7a0d57db756fcdcf0690c1c0c&mode=preview
(how to access public share link)

2

Can you explain a little more the problem you’re experiencing please?

3

Thank you for your response.

I am not sure why it is not showing on preview link but when you hover over “products” a dropdown should appear.

The problem: when the dropdown appears it doesn’t stay down long enough to allow access to the options.

4

The link now shows the problem I am having. Any ideas on how to solve the hover issue? Thanks!

5

Can you re share your project? The one you posted it’s taking me to a 404 page.

6

My bad.

Here is the link: https://preview.webflow.com/preview/united-equipment-accessories-cf22e6?utm_medium=preview_link&utm_source=designer&utm_content=united-equipment-accessories-cf22e6&preview=a86d28e7a0d57db756fcdcf0690c1c0c&pageId=5ceec38dd3236b4652fd57cd&mode=preview

7

Hello @ar1

I made a small video explaining the issue here:

http://cloud.ipagroup.co/6e965d

Hope this helps.

8

Ha! That totally makes sense now. I will try both suggestions. Thank you for your help!