Estoy utilizando Bootstrap para hacer una web y quiero posicionar el logo en el centro del nav y que sobresalga de la barra de navegación, el problema es que el logo no me lo posiciona en en el centro y me lo hecha para derecha
dejo aquí el codigo
.navbarvalues {
background-color: #fff;
border-bottom: 1px solid #ddd;
}
.iconnavbar {
font-size: 20px;
padding: 10px 0;
}
.logo {
width: 80px;
position: absolute;
top: 0;
}
<nav class="navbar navbar-expand navbar-light navbarvalues">
<div class="container">
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="#"><i class="fas fa-search iconnavbar"></i><span class="sr-only">(current)</span></a>
</li>
</ul>
<a class="navbar-brand" href="#"><img alt="Seis" src="img/logo.svg" class="logo"></a>
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="#"><i class="far fa-envelope iconnavbar"></i><span class="sr-only">(current)</span></a>
</li>
</ul>
</div>
</div>
</nav>
display
en ambas clases,navbar-nav
ynavbar-brand
, agrega el valor inline-block para posicionar uno al lado del otro