Header Submenus

Привет! Несколько лет назад в этой теме были сообщения о горизонтальной прокрутке на мобильных устройствах. Мы до сих пор сталкиваемся с этой проблемой. Если меню длинное, до последних элементов невозможно добраться. Горизонтальная прокрутка работает только до конца самого правого уже отображённого элемента, а всё остальное после него обрезается.

Протестировано в приложении на следующих устройствах:

  • Galaxy S8 с Android 9
  • Samsung A5 с Android 11 (LineageOS 18.1)
  • iOS 17.2.1
2 лайка

Есть ли новости по горизонтальной прокрутке на мобильных устройствах? Есть ли фрагмент кода или что-то ещё, что можно добавить, чтобы это снова заработало?

2 лайка

Пожалуйста, включите управление разрешениями. Этот плагин очень похож на то, что используется администраторами для быстрого перехода к указанным страницам.

Это компонент темы, а не плагин. Можете ли вы предоставить больше подробностей о управлении правами доступа? Поскольку администратор может настраивать содержимое меню.

1 лайк

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

2 лайка

Я тоже с нетерпением жду этого, так как названия меню искажают информацию о содержимом страниц.

2 лайка

Это можно сделать, добавив следующий CSS на вкладку Common-CSS другой темы или компонента темы.

.anon .top-menu {
  display: none;
}
3 лайка

Есть ли какие-то дополнительные мысли или предложения по тому, как сделать это прокручиваемым по горизонтали, чтобы это было удобно использовать на мобильных телефонах?

1 лайк

Проблема: Вертикальная прокрутка не работает на компьютере

Если пунктов подменю много и список длиннее экрана компьютера, нижние элементы недоступны. На мобильных устройствах вертикальная прокрутка работает.
Поскольку на экране мобильного помещается только около 2 пунктов меню по горизонтали (зависит от длины заголовка), я добавил много пунктов подменю для каждого пункта меню. Теперь нижние пункты недоступны на компьютере.
Протестировано в Firefox и Chrome (Windows 11)

Проблема: Меню не закрывается после клика по пункту «Открыть в той же вкладке»

Это особенно проблематично на мобильных устройствах: когда меню занимает весь экран, мне приходится кликать по свободной области в правом верхнем углу рядом с пунктами меню, чтобы закрыть его (что делать, если свободной области нет?). Это также означает, что я не получаю обратной связи о том, что ссылка сработала, поскольку меню всё ещё перекрывает экран. Клик по заголовку меню не закрывает его.

Интересно, можно ли отображать этот замечательный компонент до переключения языка, как в теме Custom Header Links?

1 лайк