Мобильное меню (js) не загружается на WordPress WPML-сайте

Question

Использование WPML в моей теме WordPress, которая является двуязычным англо-французским сайтом. Мое мобильное меню прекрасно работает на основном языке (английском) сайте, а вовсе не на французском. Подумайте, что это проблема JS, но я не знаком с Javascript и искал помощи. :)

Фон: Я взял на себя этот сайт WordPress от другого разработчика, который использовал версию темы Bones starter (Bones-LESS) для создания сайта. Он использовал Multilingual Press в качестве плагина перевода; Я удалил его и установил WPML (http://wpml.org), с которым я больше знаком.

На экранах < 768px горизонтальное меню навигации заменяется выпадающим меню «гамбургер». Мобильное меню прекрасно работает на страницах с английским (основным языком), но не раскрывает/загружает страницы на французском языке (переведенный язык).

(Я использовал «Отзывчивый дизайн» Firefox, с сенсорным экраном, который можно протестировать на рабочем столе. Также можно проверить на iPhone).

И после прочтения этой темы - https://wpml.org/forums/topic/some-js-is-not-loading/ - Я предполагаю, что это имеет какое-то отношение к Javascript для мобильного меню, которое не загружается из-за того, что WPML добавляет «/ fr» к URL-адресу, но я в недоумении как это исправить.

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

Answer 1

Проблема заключается в #menu-main-menu-french так в ваших JS изменения файла:

$mainNav.find('#menu-main-menu')

в

$mainNav.find('>ul')

во всех случаях.

---

Или вы можете вручную добавить класс/id по умолчанию в свое меню.