Missing mobile navbar for the free templates


Topic: Missing mobile navbar for the free templates

sabrewulf asked 10 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 10 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