Añadimos al final del nav el html de la clase 8 que es el menu del mobile y le agregamos la clase inactive
.
Y realizamos lo mismo que hicimo en la clase anterior para que al hacer click al menu hamburguesa aparezca en menu mobile.
const menuEmail = document.querySelector(".navbar-email");
const burgerMenu = document.querySelector(".menu");
burgerMenu.addEventListener("click", toggleMobileMenu);
function toggleMobileMenu() {
mobileMenu.classList.toggle("inactive");
}
Para finalizar en los estilos agregamos este código para que inicialmente el menu mobile no se muestre.
@media (min-width: 641px) {
.mobile-menu {
display: none;
}
}
https://github.com/FROSTYLAN/Notes-JavascriptSchool/commit/a7f93bab36eae41a38ac83bf3afbe43713768c05