mega menu on mobile showing at bottom instead of immediately


Topic: mega menu on mobile showing at bottom instead of immediately after trigger element

robbyirish asked 3 years ago

I'm having an issue with the mega menus. The below is an issue when you have a few items in your menu as it would mean with many items in the main menu, you would be having to constantly stroll to the bottom of the menu to see the mega menu.

*Expected behavior*When expanding mega menu on collapsed Navbar, the mega menu should appear immediately after the element that triggered the dropdown, pushing the rest of the menu downwards also.

*Actual behavior*mega menu shows at bottom of menu at all times regardless of which element triggered it.

Resources (screenshots, code snippets etc.)https://mdbootstrap.com/snippets/standard/robbyirish/3308319


Grzegorz Bujański staff commented 3 years ago

This is because the position-static class is added to the <li> navbar-collapse elements. delete this class and let us know if that's what you mean.


robbyirish commented 3 years ago

no but its ok, I took a different route in the end.


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Resolved

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB Standard
  • MDB Version: MDB5 3.9.0
  • Device: MacBook Pro, iPhone x
  • Browser: safari and chrome
  • OS: Mac OS big sur 11.5.2
  • Provided sample code: No
  • Provided link: Yes