Mobile menu expanded by default

Wappler General How To
1

This is more a bootstrap question, but since Wappler layouts are based on Bootstrap, posting my question here so it might help others having that question except me.

Is it possible to have the menu expanded by default when viewing on mobile? I mean to not have to click the burger button in order to expand the menu but to have it expanded by default. I tried the
aria-expanded="true"
but did not work.

Thank you!

2

Add the 'show' class as in

          <a class="navbar-brand mr-auto" href="#">Navbar</a>
          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar1_collapse" aria-controls="navbar1_collapse" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
          </button>
          <div class="collapse navbar-collapse **show**" id="navbar1_collapse">
            <div class="navbar-nav">
              <a class="nav-item nav-link active" href="#">Home</a>
              <a class="nav-item nav-link" href="#">About</a>
              <a class="nav-item nav-link" href="#">Contact</a>
            </div>
          </div>
        </nav>

Edit: Without the asterisks. Not sure how to make it stand out in this forum.

2 Likes
3

@ben thank you very much!!!