Для створення компактного меню можна використати стиль акордеону. Для CMS Joomla! версії 3+ та Wodpress можна встановити меню із назвою «Accordion Menu», від розробника «Nextend».
Скажу зразу, що воно платне, тому кого не цікавлять платні додатки для CMS, можуть переглянути відео та огляд хіба-що для ознайомлення.
Тестувалося на Joomla! версії 3.8.0.
Встановлюємо як завжди, перейшовши у Розширення → Менеджер розширень → Встановлення. Перетягуємо завантажений архів у вікно, яке видно знизу на скриншоті.
Далі переходимо у менеджер модулів та створюємо новий (у разі відсутності вже готового, який мав автоматично створитися при інсталяції модуля акордеону). Виконати це можна перейшовши в Розширення → Модулі → Створити.
Вибираємо Nextend Accordion Menu.
У вікні, яке з’явиться вводимо назву для модуля. Тоді публікуємо його, вибираємо позицію, де буде знаходитися наше меню Також вибираємо своє меню (якщо у вас їх більше ніж 1).
Не забуваємо у вкладці «Прив’язка до пунктів меню» вибрати «На всіх сторінках».
Після цих не складних маніпуляцій ваше меню повинне працювати. Для більш тонкого налаштування вибираємо «Configure» на вкладці «Модуль».
Для застосування змін натискаємо «Apply».
Відео по встановленні та налаштуванні меню «Nextend Accordion Menu»
Сайт розробників Nextend Accordion Menu
Сторінка на extensions.joomla.org