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 9 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 9 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