Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: Missing mobile navbar for the free templates

sabrewulf free 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 free answered 10 months ago


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


Kamila Pieńkowska staff answered 10 months ago



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

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