Navbar issue on restaurant website

For some reason, when hovering over the dropdown ‘Food’, when you move the cursor to the dropdown navlinks, it disappears, can’t find the reason why this is happening but prevents the user from accessing the additional pages.

Help please!

Thanks

https://preview.webflow.com/preview/osteria60?preview=702ec8d20d813b444282d7c185b74691

Hello, @SetSocial

It is not a bug, so I moved the topic to the different category.

The reason of the issue is the top margin, that you applied to the dropdown list. It separates dropdown list from the toggle button edge so the moment when you move the mouse out of toggle it is not hovering dropdown list yet and its closing whole dropdown component.

Change top margin to the same size top padding and the issue will be gone.

Regards,
Anna

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.