Topic: How to use dropdown in header

Christen priority asked 2 years ago

Expected behavior When using a dropdown in the header bar, the opened dropdown should be on top of the header. I see it is possible, cause it is used that way on the mdb website, but combining header and dropdown I don't succeed. Thanks for any help.

Actual behavior dropdown is under header enter image description here

Resources (screenshots, code snippets etc.)

Arkadiusz Idzikowski staff answered 2 years ago

@Christen It looks like a bug, we will take a closer look at this problem.

As a workaround for now, please try to add the following styles to the header element:

<header class="fixed-top" style="z-index: 1000">

Please insert min. 20 characters.


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



Specification of the issue

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Angular
  • MDB Version: MDB5 1.2.0
  • Device: Laptop
  • Browser: Firefox
  • OS: Windows
  • Provided sample code: No
  • Provided link: Yes