I have this code in my navigation bar. I would like to put the button to the right (it only allows me to move both) and aligned with the other items, I don't know how to do it.
Also the mailto doesn't work for me.
<nav class="navbar navbar-expand-lg navbar-light bg-light" id="nav">
<div class="container-fluid">
<a class="navbar-brand" href="inicio.php">Logo</a>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mb-2 mb-lg-0">
<li class="dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Contacto
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<!-- NO FUNCIONA MAILTO -->
<li><a class="dropdown-item" href="mailto:[email protected]?Subject=Trabajo%20desde%20web">[email protected]</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" >Tel: xx</a></li>
<li><a class="dropdown-item" >Tel: xx</a></li>
</ul>
</li>
<li class="nav-item">
<div class="container">
<button id="btn-abrir-popup" class="btn-abrir-popup">Trabajos</button>
<div class="overlay" id="overlay">
<div class="popup" id="popup">
<a href="#" id="btn-cerrar-popup" class="btn-cerrar-popup"><i class="fas fa-times"></i></a>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</nav>