1. MDB Home Page
  2. Support Main Page
  3. MDB jQuery
Topic: Dropdown menu not always stay open to allow mouse cursor to reach to the menu

Billy Jack Fleming free asked 4 years ago

I created a topbar menu but for some reason, the dropdown menu doesn't always stay open to allow user to move mouse cursor down to the dropdown menu. I suspect maybe a empty space between the link and dropdown menu however I can't see to get rid of it.

Can anyone help me troubleshoot this?

My codepen - https://codepen.io/TechBill/pen/WNNaBEL

Mateusz Łubianka staff answered 4 years ago

Hi Billy Jack Fleming!

I tried your example and I added 'margin-top: 0;' to ul.dropdown-menu after the hover. I think it's good after this little change.

Best regards,

Billy Jack Fleming free commented 4 years ago

That seem to resolve the issue. Thank you!
Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Answered

Specification of the issue
  • ForumUser: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.9.0
  • Device: Any
  • Browser: Any
  • OS: Any
  • Provided sample code: No
  • Provided link: Yes
Tags
menu-dropdown
About author
Billy Jack Fleming
5Support score
1Questions 0Answers 0Snippets