Check out the HTML code below:
<li name="services">
<h1>Services</h1>
<p>text</p>
</li>
<li name="about">
<h1>About</h1>
<p>text</p>
</li>
<li name="portfolio">
<h1>Portfolio</h1>
<p>text</p>
</li>
<li name="team">
<h1>Team</h1>
<p>text</p>
</li>
<li name="process">
<h1>Process</h1>
<p>text</p>
</li>
<li name="packages">
<h1>Packages</h1>
<p>text</p>
</li>
</div>
I've included HTML elements which are placed relatively on the page. However, when attempting to link to '#services', the page just reloads without taking any action. This issue may be caused by their relative positioning. Is there a solution to make this functionality work?