Если бургер-меню не работает, мобильный пользователь не может перейти в разделы сайта, открыть контакты или оформить заявку.

На десктопе сайт может выглядеть нормально, но с телефона навигация фактически исчезает.

Коротко: нужно проверить кнопку, JS-обработчик, классы открытия, overlay, z-index и поведение body-scroll.

Почему возникает проблема

Меню ломается после редизайна, минификации JS, переименования классов, конфликта библиотек, изменения HTML-структуры или когда overlay уходит под другой слой.

Что проверить сначала

  • есть ли ошибка в консоли при клике
  • добавляется ли класс открытия
  • не перекрыта ли кнопка другим элементом
  • виден ли overlay и список ссылок
  • работает ли закрытие меню и прокрутка

Как я подхожу к исправлению

Я проверяю меню в мобильном viewport и прохожу сценарий как пользователь: открыть, перейти, закрыть, вернуться.

  • исправляю обработчик клика
  • синхронизирую HTML-классы и CSS
  • правлю z-index и overlay
  • добавляю блокировку прокрутки при открытии
  • проверяю работу после очистки кеша

Что подготовить перед работой

  • ссылку на сайт
  • на каком телефоне не работает
  • после чего появилась проблема
  • доступ к файлам шаблона
  • ожидаемый вид меню

Какой результат нужен

Меню должно открываться плавно, быть доступным пальцем, не перекрывать важный текст и корректно закрываться после выбора пункта.

Чего лучше не делать

Не добавляйте второй скрипт меню поверх старого. Сначала нужно понять, почему текущий обработчик не работает.

FAQ

Почему меню работает после перезагрузки, а потом нет?

Может быть конфликт повторной инициализации или кешированного JS.

Нужно ли переписывать всю шапку?

Не всегда. Часто достаточно поправить классы, обработчик и CSS слои.

Можно сделать меню без JavaScript?

Простые варианты можно, но для полноценного overlay обычно JS удобнее.

Почему кнопка нажимается, но ничего не видно?

Класс может добавляться, но само меню скрыто CSS или находится под другим элементом.

Нужна похожая задача?

Напишите в Telegram @rabotator_support или оставьте заявку на сайте. Коротко опишите проблему, приложите ссылку, скриншот или лог ошибки, и я подскажу, с чего безопасно начать исправление.

Итог

Бургер-меню нужно чинить как часть мобильного сценария, а не как отдельную кнопку: клик, слой, ссылки, прокрутка и закрытие.