Topic: Can i use a top bar

rockrude pro asked 6 years ago

Is it possible to use a top bar in navbars!

Dawid Adach pro answered 6 years ago

Dear rockrude, You cannot use 2 navbars at the same time. Material Design doesn't allow that on purpose - it doesn't work correctly on mobile devices. Please, note that on the website which you have shared one of the bars is missing while browsing on the mobile devices. This is definitely nota user nor mobile firednly. Please keep in mind that currently most of the guides suggest "mobile first" approach, therefore, making something available only on the desktop violate best practices. However, if you still want to do that, you can create a custom bar and hide it on mobile devices using bootstrap classes. You will have to also add a margin to the navbar but please not that we do not recommend that.

Ollie Vincent pro commented 6 years ago

Dawid, Could you not use a fixed header and place the nav in that? Then you could have content above it fixed aswell.

Dawid Adach pro commented 6 years ago

Ollie, I've missed your message. Technically possible, still not recommended.

Damian Gemza staff answered 6 years ago

Dear rockrude, Please describe me, what is top bar? Unfortunately, I don't know what is it. Also please describe your  expected behavior. Best Regards, Damian

rockrude pro commented 6 years ago

Have a look at this image. It has two nav bars. I wish to do the same.

rockrude pro commented 6 years ago

Sample website and expected output


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



Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No