How to avoid collapsing navbar?

  1. MDB Home Page
  2. Support Main Page
  3. MDB Angular
Topic: How to avoid collapsing navbar?

dxl pro asked 6 years ago

My navbar only has 2 items. I don't want it to collapse on small screens. How do I get the behavior as the mdbootstrap website, where the navbar icons are still visible (without needing to click a hamburger)

Damian Gemza staff answered 6 years ago

Dear dxl, Please add .navbar-expand class to the mdb-navbar element. This is described in our Navbar documentation. Best Regards, Damian

Benjamin Fenasse commented 5 years ago

Wrong it doesn't work

Arkadiusz Idzikowski staff commented 5 years ago

I just checked and it works correctly. You need to add this class here:

<mdb-navbar SideClass="navbar navbar-expand-lg navbar-dark indigo navbar-expand">

In case of any further problems please provide more details (code, screenshots).
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
  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 6.0.2
  • Device: any
  • Browser: any
  • OS: any
  • Provided sample code: No
  • Provided link: No
Tags
navbar
Related topics
2
Menu multilevel responsive
1
Hamburger menu API: this.navbar is undefined
1
Navbar dropdown menus not disappear
1
Modal's are hiding behind NavBar & SideBar
1
MDBNavbarToggler not working
About author
dxl
Pro User
67Support score
20Questions 1Answers
0Snippets likes 0Snippets