Как получить Genesis, чтобы открыть другое меню для мобильных устройств?

Question

Я использую WordPress Genesis Framework, и я создал отдельное мобильное меню (так как мне пришлось разделить рабочий стол один на два), и я использую встроенное в него отзывчивое меню, но я не могу понять, как получите Genesis, чтобы открыть новое мобильное меню, которое я создал, а не основной.

Есть ли способ предоставить другой селектор/идентификатор, чтобы Genesis знал, что нужно настроить другое меню?

Answer 1

Когда вы добавляете новое меню, вы даете ему имя. Скажем, мы называем это «нижнее меню 1». Когда вы добавляете это меню на свою страницу (через php или через виджет пользовательского меню), он получит ul с id = "menu-footer-menu-1". Вы можете использовать это для таргетинга на меню.

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

В качестве разметки я использовал бы меню рабочего стола и меню мобильных устройств и использовал мультимедийные запросы (или javascript), чтобы скрыть соответствующее меню в зависимости от ширины окна.