mam problem poniewaz iz gdyz button gdy menu jest zwinięte zmienia połozenie jak tego uniknąc ?
<nav>
<ul>
<button><i class="fas fa-bars"></i></button>
<li class="li"><a href="#">Shen</a></li>
<li class="li"><a href="#">Plays</a></li>
<li class="li"><a href="#">Historia</a></li>
<li class="li"><a href="#">Ranking</a></li>
</ul>
</nav>
ul {position: absolute;
top: 10%;
left: 4%;
z-index: 3;
list-style-type: none;
text-align: center;
}
a {
text-decoration: none;
color: blue;
font-weight: bold;
font-size: 2rem;
text-shadow: 0 0 1rem yellow;
font-family: 'Courgette', cursive;
padding: .4rem;
}
li {
border: 7px solid blue;
border-radius: 15px;
background-color: white;
}
button {
display: contents;
}
.fa-bars {
text-align: center ;
font-size: 2rem;
color: blue;