У меня проблема с моей навигационной панелью в мобильной версии сайта. Предполагается, что он удерживается в верхней части страницы при прокрутке вверх и вниз, но вместо этого он создает странную ошибку, а иногда застревает в верхней части, иногда - нет, и в некоторых местах страницы застревает. На десктопной версии работает без проблем. Также имейте в виду, что у меня есть логотип, вставленный перед панелью навигации, поэтому страница начинается не с него, а с изображения. Может кто-нибудь помочь, пожалуйста? PS: я использую Bootstrap 4.
HTML:
<div align="center" class="logo-container">
<a class="navbar-brand" id="navbar-brand" href="index.html"><img src="img/logo.png" class="logo" /></a>
<button class="navbar-toggler ml-auto hamburger" data-toggle="collapse" data-target="#mobile-nav">
<i class="fas fa-bars fa-1x hamburger"></i>
</button>
<div class="collapse navbar-collapse" id="mobile-nav">
<ul class="navbar-nav navbar-ul-1" id="navbar-nav">
<li class="nav-item">
<span class="nav-link" id="nav-news">News</span>
</li>
<li class="nav-item">
<span class="nav-link" id="nav-biography">Biography</span>
</li>
<li class="nav-item">
<span class="nav-link" id="nav-releases">Releases</span>
</li>
</ul>
<img src="img/logo2.png" class="nav-item logo-list-bullet logo-rotate nav-logo2"/>
<ul class="navbar-nav navbar-ul-2" id="navbar-nav">
<li class="nav-item">
<span class="nav-link">Merch</span>
</li>
<li class="nav-item">
<span class="nav-link" id="nav-media">Media</span>
</li>
<li class="nav-item">
<span class="nav-link" id="nav-contact">Contact</span>
</li>
</ul>