m |
m |
||
Line 37: | Line 37: | ||
//document.getElementById("nav-elements").style.width = "0%"; | //document.getElementById("nav-elements").style.width = "0%"; | ||
− | + | ||
for(i = 0; i < navText.length; i++) { | for(i = 0; i < navText.length; i++) { | ||
navText[i].style.opacity = "0"; | navText[i].style.opacity = "0"; | ||
} | } | ||
+ | |||
+ | setTimeout(function() { | ||
+ | document.getElementById("nav-elements").style.right = "100vw"; | ||
+ | }, 500); | ||
document.getElementById("nav-icon").style.display = "block"; | document.getElementById("nav-icon").style.display = "block"; | ||
document.getElementById("close-nav-button").style.display = "none"; | document.getElementById("close-nav-button").style.display = "none"; | ||
− | + | // setTimeout(function() { // delaying adjusting these widths until after nav-elements collapses allows for closing transition | |
− | + | // document.getElementById("nav").style.width = "14.1%"; | |
− | + | // //document.getElementById("brand-elements").style.width = "100%"; | |
− | + | // }, 500); | |
} | } | ||
Revision as of 14:44, 12 June 2020