Missing mobile navbar for the free templates


Topic: Missing mobile navbar for the free templates

sabrewulf asked 9 months ago

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


sabrewulf answered 9 months ago

Thanks so much. I got it working now following your instructions on the other thread. :)


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