Skip to content

Instantly share code, notes, and snippets.

@ijadams
Created March 9, 2016 23:07
Show Gist options
  • Save ijadams/866813b56089fabb3214 to your computer and use it in GitHub Desktop.
Save ijadams/866813b56089fabb3214 to your computer and use it in GitHub Desktop.
<html>
<style>
#navScreen {
display: none;
width: 100%;
height: auto;
background-color: #fff;
padding: 0.5rem 0 1rem;
border-bottom: 5px solid $auraTan;
position: absolute;
}
</style>
<div id="subnav-top-mobile"><ul><li><a href="#" class="navtoggle">Menu</a><div id="navScreen" style="display: block;"><ul class="subnav"><li class="first"><a href="about-us/reviews.html" title="Reviews">Reviews</a></li>
<li class="active"><a href="about-us/careers.html" title="Careers">Careers</a></li>
<li class="hide"><a href="about-us/meet-the-team/" title="Meet The Team">Meet the Team</a></li>
<li><a href="about-us/nouvelle-rewards.html" title="Nouvelle Rewards">Nouvelle Rewards</a></li>
<li><a href="about-us/businesses-we-love.html" title="Businesses We Love">Businesses We Love</a></li>
<li class="last hide"><a href="about-us/blog/" title="Blog">Blog</a></li>
</ul></div></li></ul></div>
<script>
/*******************************
// Nav - Mobile/Tablet
*******************************/
$(".navtoggle").click(function(){
event.preventDefault();
$("#navScreen").slideToggle(500);
$("html, body").animate({ scrollTop: 0 }, "fast");
});
</script>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment