Bootstrap navbar si richiude su mobile

[pippuccio76]

Come da titolo ho questa navbar :

 <div class="card">
          <div class="card-body">
            <nav class="navbar navbar-expand-lg  navbar-dark  rounded" style="  background-image: linear-gradient(to right, rgba(240,230,140,0), rgba(240,230,140,1));">
              <div class="container-fluid">
                
                <div class="">
                  <img src="/assets/assets-user/images/logo-icon.png" class="logo-icon" alt="logo icon">
                </div>
                <a class="navbar-brand" href="#">         
                  <h4 class="logo-text" >NomeSito</h4>
                  <h4 class="logo-text" >Nome</h4>
                </a>
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent5" aria-controls="navbarSupportedContent5" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarSupportedContent5">
                  <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                    <li class="nav-item"> <a class="nav-link active" aria-current="page" href="/"><i class="bx bx-home-alt me-1"></i>Home</a>
                    </li>
                    <li class="nav-item"> <a class="nav-link" href="/cerca"><i class="bx bx-map me-1"></i>Ricerca </a>
                    </li>
                    <li class="nav-item"> <a class="nav-link" href="#"><i class="bx bx-category-alt me-1"></i>Features</a>
                    </li>
                    <li class="nav-item"> <a class="nav-link" href="#"><i class="bx bx-mail-send me-1"></i>Contatti</a>
                    </li>

                  </ul>
                  <span class="d-flex">
                    <?php if (!session()->get('user_id')): ?>
                      
                      <a class="btn btn-light btn-outline-success me-3 radius-50 px-4" href="/login"><i class="bx bx-lock"></i> Login</a>
                    
                    <?php else: ?>
                    <ul class="navbar-nav me-auto mb-5 mb-lg-0 btn btn-light btn-outline-info me-3 radius-50 px-4" style="padding: 1px;">

                    <li class="nav-item dropdown">
                      <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                        <i class="bx bxs-user-circle"></i> Profilo
                      </a>
                      <ul class="dropdown-menu">

                        <li><a class="dropdown-item" href="#"><i class="fadeIn animated bx bx-user-pin"></i>Modifica Profilo</a>
                        </li>

                        <li><a class="dropdown-item" href="#"><i class="fadeIn animated bx bx-key"></i>Modifica Password</a>
                        </li>
                        <li>
                          <hr class="dropdown-divider">
                        </li>
                        <li class=""><a class=" btn btn-outline-danger px-5" href="/logout"><i class="fadeIn animated bx bx-exit"></i>Logout</a>
                        </li>
                      </ul>
                    </li>
                  </ul>

                    <?php endif ?>
                </span>
                </div>
              </div>
            </nav>
          </div>
        </div>
    <!--start page wrapper -->

Se premo sul pulsante per mostrare il menu su mobile ( le classiche righe) si apre per un secondo poi si richiude da solo . Avete un idea sul problema ?

 

[onweb]

Ciao, se non ricordo male ci sono dei file js da configurare.

 

[pippuccio76]

Ciao, se non ricordo male ci sono dei file js da configurare.

Se può essere utile dopo poco aggiunge la classe collapse all'id navbarSupportedContent5 cioè rimuove collapse e la rimette subito dopo