Hi everyone, I'm new to MDB and currently building a responsive website using MDB5 (free version). Everything looks great on desktop, but I’m having trouble with the navbar toggler on mobile devices. When I click the hamburger icon, nothing happens — the menu doesn’t expand. Here’s what I’ve tried so far:

1. Verified that Bootstrap and MDB scripts are included correctly in the HTML head
2. Made sure I’m using the latest version of MDB5
3. Checked browser console (no errors showing)
4. Tested on Chrome and Safari (same issue)

Here’s a snippet of my navbar code:

 <nav class="navbar navbar-expand-lg navbar-light bg-light">
  <div class="container-fluid">
    <a class="navbar-brand" href="#">MySite</a>
    <button
      class="navbar-toggler"
      type="button"
      data-mdb-toggle="collapse"
      data-mdb-target="#navbarNav"
      aria-controls="navbarNav"
      aria-expanded="false"
      aria-label="Toggle navigation"
    >
      <i class="fas fa-bars"></i>
    </button>
    <div class="collapse navbar-collapse" id="navbarNav">
      <ul class="navbar-nav">
        <li class="nav-item">
          <a class="nav-link active" aria-current="page" href="#">Home</a>
        </li>
        <!-- more items -->
      </ul>
    </div>
  </div>
</nav>

Am I missing something obvious? Do I need to initialize something with JavaScript for the toggler to work?

Thanks in advance for your help!