Проблемы с мобильным меню

Question

Полагаю, это не совсем конкретный вопрос, но я надеялся, что кто-нибудь посоветует мне, как отладить неисправное мобильное меню.

Так что мой основной сайт, который является сайтом WordPress, работает отлично, номоя внешняя белая метка - нет.

Я скопировал HTML-код на белую метку и добавил все CSS и скрипты из верхнего и нижнего колонтитула.

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

Мой основной сайт - http://lowcosttravel.ie, а страница с ошибкой - http://hotel.lowcosttravel.ie

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

Мне известны проблемы с CORS для некоторых значков шрифтов.но меня это не касается в настоящее время.

С наилучшими пожеланиями и большое спасибо за любую помощь.

Answer 1

Вы внесли некоторые изменения в структуру HTML и изменили имена классов.Возможно, вы не отразили эти изменения в CSS и JavaScript / jQuery.Вы также, вероятно, не выбираете правильный элемент с помощью JavaScript / jQuery для установки display: block в оболочке меню.

On http://hotel.lowcosttravel.ie/ ваша оболочка мобильного меню называется hamburger-menu-wrapper, где, как и наhttp://lowcosttravel.ie/ это называется wrapper-mobile-nav.

Изменение гамбургера-меню-оболочки на wrapper-mobile-nav http://hotel.lowcosttravel.ie/ в инспекторе появляется, чтобы открыть оболочку меню.

Я бы посмотрел, на что нацелен ваш JavaScript / jQuery, и сделал бы соответствующие изменения

Answer 2

Я думаю, вы забыли скопировать Меню Mobile HTML из http://lowcosttravel.ie в http://hotel.lowcosttravel.ie. На снимке экрана ниже показано значение http://lowcosttravel.ie, и я не могу найти этот HTML-код на вашей недостающей странице http://hotel.lowcosttravel.ie/. Надеюсь, это поможет вам. Спасибо