Блог

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

Загрузка подменю в это дополнительное горизонтальное меню была сложной задачей. По какой-то странной причине подменю не отображается на моем iPhone. При тестировании в Safari и Chrome оно отображается полностью нормально для всех размеров окна.

На iPhone я вижу, что начинается небольшая анимация, но подменю никогда не появляется. Я подозреваю, что либо проблема с Z-индексом, либо, возможно, проблема с переполнением — в любом случае я пробовал много способов заставить его работать без успеха.

Дополнительное меню находится в оболочке с классом ‘localmenu’, а подменю ul имеет класс ‘sub-menu’.

Вещи, которые я пробовал

• Различные варианты переполнения
• Z-индекс
• Я читал об этом трюке ‘-webkit-transform: translate3d (0px, 0px, 1px)’, но, похоже, это ничего не изменило

Любая помощь была бы с благодарностью принята — чувствую себя немного застрявшим здесь!

Веб-сайт:https://www.lifechurchbradford.com (во втором дополнительном пункте меню «Подключиться» описана проблема)

Мне удалось это исправить. Оказывается, я случайно удалил HoverIntent.js — что, в свою очередь, нарушило поддержку touch. Рад, что это наконец заработало!