Como consigo fazer um hover bold em um menu nav, sem que o menu se movimente quando o hover é ativado???
<nav class="navbar navbar-expand-lg">
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a href="{root_url}blog" class="nav-link text-uppercase hover_no_underline">Biscoitos</a>
</li>
<li class="nav-item">
<a href="{path='massas'}" class="nav-link text-uppercase hover_no_underline">Massas</a>
</li>
<li class="nav-item">
<a href="{path='farinhas'}" class="nav-link text-uppercase hover_no_underline ">Farinhas</a>
</li>
<li class="nav-item">
<a href="{path='delicias'}" class="nav-link text-uppercase hover_no_underline "> Delícias</a>
</li>
</ul>
</div>
<a class="hover_no_underline hamburguer text-right abrir_menu_overlay white"><hr><hr><hr></a>
</nav>
nav{
.navbar-toggler{
background-color: $azul;
}
.nav-link{
font-size: 2.2rem;
color: $azul;
margin: 0 2rem;
font-weight: 300;
&:hover{
color: #e3b665;
font-weight: bold;
}
}
}