function mobile_nav_toggle() { var nav = document.getElementById("nav"); if (nav.style.display == "unset") { mobile_nav_off(); } else { mobile_nav_on(); } } function mobile_nav_on() { var nav = document.getElementById("nav"); nav.style.display = "unset"; // Subract mobile nav height from navbar var mobile_nav = document.getElementsByClassName("mobile-nav")[0]; nav.children[0].style.height = "calc(100vh - " + mobile_nav.clientHeight + "px)"; mobile_nav.style.backgroundColor = "rgb(var(--secondary))"; // Hide content var content = document.getElementById("content"); content.style.display = "none"; // Align nav and mobile nav by setting // the flow to column var body = document.getElementsByTagName("body")[0]; body.style.flexFlow = "column nowrap" } // Undo all changes in mobile_nav_on() function mobile_nav_off() { var nav = document.getElementById("nav"); nav.style.display = ""; var mobile_nav = document.getElementsByClassName("mobile-nav")[0]; nav.children[0].style.height = ""; mobile_nav.style.backgroundColor = ""; var content = document.getElementById("content"); content.style.display = ""; var body = document.getElementsByTagName("body")[0]; body.style.flexFlow = "" }