Here's the code split up if that's easier:
http://codepen.io/JeffrySG/pen/YGRGLE
So I'm guessing that this JS should go into the footer section of the page settings?
function openNav() {
document.getElementById("myNav").style.height = "100%";
}
function closeNav() {
document.getElementById("myNav").style.height = "0%";
}
I'm not sure how to apply this to the close X in the menu. Do I just need to apply the 'onclick="closeNav()' to the X? and how?
<a href="nojavascript...void(0)"class="closebtn" onclick="closeNav()">×</a>
or how to apply this to the main MENU link. Again, I'm guessing just need to apply the 'onclick="openNav()' code to the MENU link?
<span style="font-size:30px;cursor:pointer" onclick="openNav()"><b>? MENU</b></span>
It seems like everything else would just be applying the correct classes and IDs to the correct elements? Or am I missing something? (I'm probably missing something!)