Is there a way to adjust the position of this menu on the desktop version? I'd like to move it slightly further away from the right side. Also, on mobile devices, how can I make the menu links appear on the right side instead of the left?
Currently, there is no custom CSS applied, only the two scripts included below:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.bundle.min.js"></script>
<a class="navbar-brand" href="#">Logo Here</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-collapse">☰</button>
<div class="collapse navbar-collapse" id="navbar-collapse">
<ul class="nav navbar-nav ml-auto">
<li class="nav-item active"> <a class="nav-link" href="#">Home</a>
</li>
<li class="nav-item"> <a class="nav-link" href="#">Link 1</a>
</li>
<li class="nav-item"> <a class="nav-link" href="#">Link 2</a>
</li>
<li class="nav-item"> <a class="nav-link" href="#">Link 3</a>
</li>
</ul>
</div>
</nav>