Topic: Missing mobile navbar for the free templates
Hi there,
I'm wondering how I can get a mobile navbar to show on the free templates?
Example: https://mdbootstrap.com/freebies/carousel-full-cover/
**Expected behavior**Once resolution reaches certain threshold (about <1000px wide) the full nav bar should be replaced with a classic Burger symbol that allows unfolding a mobile navbar when clicked.
**Actual behavior**No mobile navbar is showing. Once the width goes below 1000px there's no navbar at all.
**Resources (screenshots, code snippets etc.)**dragging this window smaller, demonstrates the issue of the disappearing navbar:https://mdbootstrap.com/snippets/standard/mdbootstrap/2515519
I can see this burger button is in the source code:
<button class="navbar-toggler" type="button" data-mdb-collapse-init data-mdb-target="#navbarExample01"
aria-controls="navbarExample01" aria-expanded="false" aria-label="Toggle navigation">
<i class="fas fa-bars"></i>
</button>
and there's also navbar-collapse code in there, so it looks like all needed code is present. Any insights what could prevent this from working?
Many thanks in advance
Joe
Kamila Pieńkowska staff answered 10 months ago
Here is a thread that explain the process: https://mdbootstrap.com/support/standard/how-can-i-add-a-toggler-button-to-this-navbar/
sabrewulf answered 10 months ago
Thanks so much. I got it working now following your instructions on the other thread. :)
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Free
- Premium support: No
- Technology: MDB Standard
- MDB Version: MDB5 7.1.0
- Device: Laptop (once screenwidth goes below 1000px)
- Browser: Google Chrome Version 121.0.6167.185 (Official Build) (64-bit)
- OS: Windows 10
- Provided sample code: No
- Provided link: Yes