Hi there, I'm currently facing a small issue with my navigation bar. Right now, it takes me to specific sections on the page by linking to them with an ID. However, this results in the "#" character followed by the section name appearing in the URL, like this:
Is there any way to remove or hide this from the URL?
<div class="menu">
<ul>
<li><a href="#about">About</a></li>
<li><a href="#cv">CV</a></li>
<li><a href="#skills">Skills</a></li>
<li><a href="#portfolio">Portfolio</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
....
<section id="skills" data-aos="fade-right">
<ul>
<li><i class="fab fa-java"></i></li>
<li><i class="fab fa-js-square"></i></li>
<li><i class="fab fa-node"></i></li>
<li><i class="fab fa-angular"></i></li>
<li><i class="fab fa-html5"></i></li>
<li><i class="fab fa-css3-alt"></i></li>
<li><i class="fab fa-git"></i></li>
<li><i class="fab fa-aws"></i></li>
</ul>
</section>
Thank you for your help!