Bootstrap ile yaptığım bir arayüzde site açılışında menüde logo görünüyor herhangi bir sorun yok ancak sayfayı aşağıya doğru kaydırınca menüdeki logo görünmüyor.
Aşağı kaydırıp tekrar yukarı çıkardığımda sayfayı https://prnt.sc/4YscWmXZW8sV bu şekilde hata veriyor.
Sizce hatanın sebebi ne olabilir ?
Menü de kullandığım kod yapısı bu şekilde bir sorun mu var acaba?
<header class="header">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="navbar-wrapper">
<nav class="navbar navbar-expand-lg">
<a class="navbar-brand" href="/">
<img src="pw/assets/images/logo.webp" alt="Logo" />
</a>
<button class="navbar-toggler">
<span class="toggler-icon"> </span>
<span class="toggler-icon"> </span>
<span class="toggler-icon"> </span>
</button>
<div class="navbar-collapse">
<ul id="nav" class="navbar-nav ms-auto">
<li class="nav-item">
<a class="menu-scroll" href="/">ana sayfa</a>
</li>
<li class="nav-item">
<a href="/blog"><button type="button" class="btn btn-primary"><i class="bi-heart-fill"></i> Blog</button></a>
</li>
<li class="nav-item">
<a href="/login"><button type="button" class="btn btn-primary"><i class="bi-heart-fill"></i> hakkımızda</button></a>
</li>
<li class="nav-item">
<a href="/register"><button type="button" class="btn btn-primary"><i class="bi-heart-fill"></i> iletişim</button></a>
</li>
</ul>
</div>
</nav>
</div>
</div>
</div>
</div>
</header>