Dropdown menu can't be clicked

Hi,
I want a drop-down menu on my page, and I have managed to make one using instructions and suggestions from other users. However, the drop-down menu doesn’t work properly! When I hover the mouse marker over the main category on the menu bar it apears, but it goes away when I move the marker to select something. I think there is a line or gap between my main category and the categories in the drop-down menu. How can I fix this?

Hello there,

I hope you are doing well today.

Could you please provide a link to your website so that I can inspect it?

Best Regards,
Support

Hello there,

I hope you are doing well today.

Could you please provide a link to your website so that I can inspect it?

Best Regards,
Support

I’m still working on it, but here it is www.fishmicrobes.com

I got it fixed!
I just added (copy-paste) these lines to ‘Additional CSS’:

li.menu-item:hover
.sub-menu {
visibility: visible !important;
}
.top-header {
z-index: 3 !important;
}

Hello there,

I am glad you found a solution.
Please feel free to contact us again in the future regarding any other issues.

Best Regards,
Support