How do you accomplish "hidden-md-down" now? Use Bootstrap 5 d-none? Or do you guys have something?I want the sidenav on medium & down. So I added a div wrapper around navbar-nav and added these classes "d-none d-lg-inline". It still shows them in block. The only way I found was to hide the whole navbar and have another one for mobile. I dont feel thats the right way, so your help is much appreciated. Here is part of the code I used.

<div class="collapse navbar-collapse" id="navbarSupportedContent">
     <div class="d-flex  d-lg-none  w-100 d-lg-inline"> <!--THIS IS THE ADDED WRAPPER-->
             <ul class="navbar-nav me-auto">
                   <li class="nav-item active">
                         <a asp-controller="Home" asp-action="Index" class="nav-link ripple" data-mdb-ripple-color="#e45d65" style="font-family: 'Source Code Pro', monospace; " aria-current="page">Home</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" style="font-family: 'Source Code Pro', monospace;" href="#!">Best Practices</a>
                        </li>