How to avoid collapsing navbar?


Topic: How to avoid collapsing navbar?

dxl pro asked 4 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 4 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 2 years ago

Wrong it doesn't work


Arkadiusz Idzikowski staff commented 2 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).


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