В Joomla 5 и 6 горизонтальное меню реализуется через позицию модуля и параметры отображения. В стандартном шаблоне Cassiopeia позиция menu уже горизонтальная — меню в шапке. Если нужно создать дополнительное горизонтальное меню в другом месте страницы, достаточно выбрать подходящую позицию и настроить модуль.
Горизонтальное меню в шаблоне Cassiopeia (стандартный вариант)
В шаблоне Cassiopeia, который идёт с Joomla 5 и 6 по умолчанию, позиция menu уже отображает меню горизонтально в шапке сайта.
- Войдите в панель администратора
- Откройте Контент → Модули сайта
- Найдите модуль типа Меню и откройте его
- Убедитесь, что в поле Позиция выбрано
menu - Сохраните — меню появится в шапке горизонтально
Создать дополнительное горизонтальное меню
Если нужно разместить горизонтальное меню в другой зоне (например, под шапкой или в футере):
- Откройте Контент → Модули сайта → Создать
- Выберите тип модуля Меню
- Укажите Меню для отображения
- В поле Позиция выберите нужную позицию шаблона (например,
bottom-aилиfooter) - На вкладке Дополнительно в поле Класс модуля добавьте классы Bootstrap для горизонтального вида, например:
d-flex gap-3 - Сохраните и проверьте результат
Горизонтальное меню через CSS
Если меню отображается вертикально в нужной позиции, можно исправить через CSS в кастомном шаблоне:
.moduletable .nav-pills {
flex-direction: row !important;
flex-wrap: wrap;
gap: 0.5rem;
}
Конкретные классы зависят от используемого шаблона. В сторонних шаблонах (YooTheme, Helix) могут быть собственные настройки ориентации меню прямо в параметрах модуля.