тут уже писали, что с подобной презентацией кода почти невозможно работать. Мы, программисты, люди простые, и потому по 50 строк разметки и кода в голове держать не умеем (потому и приняли соглашения делать методы не больше 20 строк в длину xD)
По самой проблеме:
- Как проводится тестирование? это google chrome десктопный с иммитацией мобильного устройства или реальное мобильное устройство/эмулятор? Во втором случае событие click может не работать, там разные вариации touch используются
- В инструментах разработчика Вы уверены, что клик происходит по нужному элементу и не оказывается, что Вы пытаетесь заставить работать клик, который в принципе работать не должен, потому что клик происходит не по тому элементу?
- Запускается ли данный код и нет ли в консоли ошибок возникающих в основном потоке и препятствующих подвязыванию событий в принципе?
- Если вместо целевой реакции добавить туда console.log('меню должно открыться'), то появится ли в консоли эта надпись или нет? Если появилась - значит с целевым действием что-то не так. Если нет - значит событие не срабатывает.
Надеюсь смог помочь если не с проблемой, то хотя бы с пониманием в какую сторону вести отладку и какие данные желательно предоставлять. ;) Ну и с тем, что как уже писали, в идеале предоставлять нужно в какой-то системе предназначенной для публичного просмотра и тестирования кода. но как минимум в читабельном виде, а не скринами с монитора ;)
Верстаю сайт, делаю адаптивную верстку, столкнулся с такой проблемой.
Когда сайт запускаю в браузере, иконка меню вообще никак не реагирует на нажатие пользователем, все перепроверил, но ничего не получается...