Для создания компактного меню можно использовать стиль аккордеона. Для 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