Merhaba arkadaşlar, geliştirdiğim proje de bir Bootstrap ile bir offcanvas geliştirdim fakat sorun şu ki offcanvas componentinde ki linklere tıklayınca offcanvas kapanmamak ile beraber kapatınca da en başa yani navbar da ki hamburger bar a dönüyor...
<div class="offcanvas offcanvas-start" tabindex="-1" id="offcanvasExample" aria-labelledby="offcanvasExampleLabel">
<div class="offcanvas-header">
<h3 class="offcanvas-title" id="offcanvasExampleLabel">
<a href="" id="icon-power">
<i class="fa-solid fa-power-off"></i>
</a>
</h3>
<button type="button" class="close" data-bs-dismiss="offcanvas" aria-label="Close">
<i class="fa-solid fa-xmark"></i>
</button>
</div>
<div class="offcanvas-body">
<div class="links">
<ul>
<li>
<a id="link" class="nav-link active" aria-current="page" href="#about">about-me()</a>
</li>
<li>
<a id="link" href="/#skils">skils()</a>
</li>
<li>
<a id="link" href="/#works">works()</a>
</li>
<li>
<a id="link" href="/#contact">contact-me()</a>
</li>
</ul>
</div>
<div class="social-medias">
<hr>
<ul>
<li>
<a href="https://www.instagram.com/osmn_byhn/">
<i class="bi bi-instagram"></i>
</a>
</li>
<li>
<a href="https://www.linkedin.com/in/osman-beyhan-12304b23a/">
<i class="bi bi-linkedin"></i>
</a>
</li>
<li>
<a href="https://github.com/osmn-byhn">
<i class="bi bi-github"></i>
</a>
</li>
<li>
<a href="mailto:osmanbeyhan12@gmail.com">
<i class="bi bi-envelope-at-fill"></i>
</a>
</li>
<li>
<a href="https://wa.me/+905350217844">
<i class="bi bi-whatsapp"></i>
</a>
</li>
</ul>
</div>
</div>
</div>