How to avoid menu closing with dropdown menu gap

Design help Layout & Design
1

I’m struggling with a hover dropdown menu:

image
image788×466 36.5 KB

I would like to be able to increase the gap, but even with this small gap the dropdown menu is closing before the cursor reaches the menu items. I was going to try to wrap the dropdown menu in a div box that could increase the ‘surface area’, but it won’t allow me to.

Any advice greatly appreciated.

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Hello,

Instead of bringing the navbar-dropdown-list down and adding space, attach it to its own dropdown and don’t add any space, and make its background transparent. Then, put all the items inside it, meaning your navbar-dropdown-links, into a div and create your desired space with the padding you give to the navbar-dropdown-list.

I tried it and it worked perfectly, exactly what you wanted was implemented.

Zafre Media team.