On my website I have 4 <a> tags in the nav that looks like this

<li data-bs-dismiss="offcanvas">
    <div class="col-10"><a class="nav-link navLink nobg" href="#">Home</a></div> </div>
</li>
<li data-bs-dismiss="offcanvas">
    <div class="col-10"><a class="nav-link navLink nobg" href="#portfolio">Portfolio</a></div> </div>
</li>
<li data-bs-dismiss="offcanvas">
    <div class="col-10"><a class="nav-link navLink nobg" href="#about">About</a></div> </div>
</li>
<li data-bs-dismiss="offcanvas">
    <div class="col-10"><a class="nav-link navLink nobg" href="#contact">Contact</a></div> </div>
</li>

with all the <a> tags linking to a separate part of the page.

I looked at the different ways to make links crawlable but none from what i saw apply to <a> tags linking to a different part of the page. It’s hurting the SEO and is the last ‘issue’ i have.