Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!

  1. MDB Home Page
  2. Support Main Page
  3. MDB Angular
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. https://drive.google.com/open?id=1DV9BEoYOXEj24uqrI8rDwnMA3o8TtcsQ It has two nav bars. I wish to do the same.

rockrude pro commented 6 years ago

Sample website and expected output https://vakilsearch.com

FREE CONSULTATION

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

Closed

Specification of the issue
  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags
About author
rockrude
Pro User 32Support score
8Questions 3Answers 0Snippets