1
resposta

Botão hambúrguer não expande na NavBar

A NavBar está responsiva. Em tela larga, as opções aparecem normalmente, e quando diminuo, aparece o botão hambúrguer. Porém, ao clicar no botão, não aparece as opçõesn não sei oque tem de errado.

<nav class="navbar navbar-expand-lg navbar-dark bg-#4F4F4F">
                <a class="titulo ms-1 cor-texto">MAD Music</a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                    </button>
                      <div class="collapse navbar-collapse justify-content-end" id="navbarNavDropdown">
                      <ul class="navbar-nav">
                        <li class="nav-item nav-link cor-texto"><a> Home  |</a></li>
                        <li class="nav-item nav-link cor-texto"><a> Playlist  |</a></li>
                        <li class="nav-item nav-link cor-texto"><a> Sing in  |</a></li>
                        <li class="nav-item nav-link cor-texto"><span class="material-symbols-outlined">search
                        </span></li>
                      </ul>
                    </div>
            </nav>
1 resposta

Olá, irmão! Tudo bem?

Não venho especificamente solucionar, mas dar uma dica. Pelo que observo, acho que você está usando o Bootstrap, o que facilita significativamente a codificação de uma página web, especialmente quando queremos ganhar tempo no uso do CSS. Se você achar interessante, confira a página abaixo, para ver outros exemplos e comparar para averiguar o que pode melhorar em seu código.

https://www.w3schools.com/bootstrap5/bootstrap_navbar.php

Acrescento que, nas suas tags < a > sinto falta dos atributos href="", embora não ser o diferencial que ocasione o erro. Bons estudos!