The hyperlinks on this particular page seem to be malfunctioning despite the fact that the li.a tags are correctly targeting specific section IDs.
Markup:
<header>
<a href="#0" class="nav_icon"><i></i></a>
</header>
<nav id="main_nav">
<ul>
<li><a href="#red">Red</a></li>
<li><a href="#green">Green</a></li>
<li><a href="#blue">Blue</a></li>
<li><a href="#yellow">Yellow</a></li>
</ul>
<a href="#0" class="nav_icon close"><i></i></a>
</nav>
<div id="wrapper">
<section id="red">Red</section>
<section id="green">Green</section>
<section id="blue">Blue</section>
<section id="yellow">Yellow</section>
</div>
Is there something I'm overlooking here? Check out the codepen link for reference: https://codepen.io/soumyajitn/pen/BZaGmv