document.querySelectorAll()
вовращает NodeList, то есть Array-like объект, у него нет свойства classList, оно есть только у объектов Element
Правильно будет так (ES6):
toggle.addEventListener("click", function(event) {
event.preventDefault();
mobile.forEach((el) => {
el.classList.toggle("main-nav__item--opened");
});
});
Работать будет только в современных браузерах, в остальных нужен полифил для NodeList.forEach
Чуть более кроссбразуерно:
toggle.addEventListener("click", function(event) {
event.preventDefault();
for(var i = 0; i < mobile.length; i++) {
mobile[i].classList.toggle("main-nav__item--opened");
}
});
