CODEWITHSUNDEEP
javascripthtmlcssbootstrap-5visual-web-developer-2010
Yesser Hmidi
Yesser Hmidi

Reputation: 1

Button menu expanded without clicking

Bootstrap 5 button is extend on default and doesn't even collapse this is the cod //

<nav id="header-nav" class="navbar navbar-expand-lg navbar-light">
        <div class="container">
          <a class="navbar-brand" href="index.html"> <h1>Food,LLC</h1></a>
          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
          </button>
          <div class="collapse navbar-collapse d-block d-sm-none" id="navbarSupportedContent">
            <ul id="nav-list" class="nav navbar-nav navbar-right" class="d-block d-sm-none">
                <li class="li-Menu text-center d-sm-none">Chiken</li ><hr class="d-sm-none">
                <li class="li-Menu text-center d-sm-none">Beef</li><hr class="d-sm-none">
                <li class="li-Menu text-center d-sm-none">Sushi</li>
            </ul>
          </div>
        </div>
      </nav>

I tried changing this classes //data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"// But no luck

Upvotes: 0

Views: 50

Answers (1)

Unmitigated
Unmitigated

Reputation: 89472

Remove the classes d-block d-sm-none from the .navbar-collapse element.

Upvotes: 2

Related Questions