Skip to content

Instantly share code, notes, and snippets.

@noahub

noahub/menu_box.css

Last active July 3, 2017 21:30
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 2 You must be signed in to fork a gist
  • Save noahub/2c67b14bc043b049f394 to your computer and use it in GitHub Desktop.
Save noahub/2c67b14bc043b049f394 to your computer and use it in GitHub Desktop.
Download ZIP
Mobile Hamburger Menu
Raw
menu_box.css
<style>
/* Replace "#lp-pom-box-113" with the ID of your menu box and the 'top' value with the pixel height of your navigation bar */
#lp-pom-box-113{
display: none;
position: fixed;
top: 96px;
left: 50%;
margin-left: -160px;
z-index:9999;
}
</style>
Raw
menu_toggle.js
<script>
//Replace "#lp-pom-image-120" with the ID of your toggle button
//Replace both instances of "#lp-pom-box-113" with the ID of your menu box
$("#lp-pom-image-120, #lp-pom-box-113 .lp-pom-button").click(function() {
$("#lp-pom-box-113").slideToggle("slow");
});
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment