tengo un navbar basico de bootstrap 4... que al acceder con dispositivos mobiles el menu del navbar se habre desde hacia arriba.. como puedo hacer que el menu se habra de forma vertical y asi tenga una aspecto mas nativo de dispositivos mobiles?
<nav class="navbar navbar-expand-lg navbar-dark bg-dark justify-content-sm-start fixed-top">
<div class="container">
<a class="navbar-brand" href="{{url('/puntajes')}}">Carsanies</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownBlog" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{{ Auth::user()->USUARIO }}
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownBlog">
<a class="dropdown-item" href="#">Mi numero de cuenta: {{ Auth::user()->id }}</a>
<a class="dropdown-item" href="#">{{ Auth::user()->USUARIO }}</a>
<a class="dropdown-item" href="{{url('/cambiar_contrasena')}}">Cambiar Contraseña</a>
<a class="dropdown-item" href="{{ url('/logout') }}">Salir</a>
</div>
</li>
</ul>
</div>
</div>