На МОБИЛЬНОМ разрешении
https://iwyse.github.io/UI-kit/
перепробовал везде изменять индексы, не помогло.
Пробовал так же через js прокинуть классы, но скрывается только тот на который нажимаю.
Сам скрипт
document.querySelectorAll('.menu-body').forEach((wrapper) => {
const menu = wrapper.querySelector('.menu');
const menuList = menu.querySelector('.menu-list');
const menuClosed = menu.querySelector('.menu-mobile-close');
const menuToggle = wrapper.querySelector('.menu-mobile-toggle');
const menuOverlay = wrapper.querySelector('.overlay');
menuList.addEventListener('click', (e) => {
if (!menu.classList.contains('active')) {
return;
}
if (e.target.closest('.menu-item')) {
toggleMenu();
}
});
menuToggle.addEventListener('click', () => {
toggleMenu();
});
menuClosed.addEventListener('click', () => {
toggleMenu();
});
menuOverlay.addEventListener('click', () => {
toggleMenu();
});
function toggleMenu() {
menu.classList.toggle('active');
if (menu.classList.contains('active')) {
bodyLock();
} else {
bodyUnlock();
}
menuOverlay.classList.toggle('active');
}
})
window.onresize = function () {
if (this.innerWidth > 991) {
if (menu.classList.contains('active')) {
toggleMenu();
}
}
};
