Recently, I experimented with creating a Responsive Menu using CSS.
The menu responds well to different screen resolutions, but there is one issue.
When the menu is in wide mode and an anchor link is clicked, the menu quickly disappears and reappears without any action taking place. The hyperlink does not work as expected.
I have shared my code on jsfiddle: http://jsfiddle.net/za1yduqv/
You can replicate the problem by clicking the menu multiple times.
Here is a snippet of the HTML code:
<nav>
<a href="#" id="menu-icon"></a>
<ul>
<li><div class="nav-sep"></div><a href="#">Blog</a></li>
<li><div class="nav-sep"></div><a href="#">About</a></li>
<li><div class="nav-sep"></div><a href="#">Media</a></li>
<li><div class="nav-sep"></div><a href="#">Contact</a></li>
<li><div class="nav-sep"></div></li>
</ul>
</nav>
If you require more code snippets or details, feel free to reach out!
Thank you for your time,
Daniel