Разделитель, горизонтальная черта в меню - как добавить?

Здравствуйте, уважаемые Инстантоманы. ))

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

Обычно это реализуется создаем пункта меню, в котором в тексте элемента нужно написать дефис, а в ссылке — ничего не указывать.

Такой простейший элемент позволяет визуально группировать элементы на интуитивно близкие по смыслу, и при этом более компактно и визуально информативно выглядящие подгруппы, сегменты.

Подскажите, пожалуйста, есть что-то подобное в Инстанте?
А планируется к реализации?

Чего-то подобного нет. Но всегда можно сделать.

Делился в блогах такими доработками по меню 

Подсказки в пунктах меню instantcms.ru/blogs/podskazki-v-punktah-menyu.html

Мега меню. Версия free instantcms.ru/blogs/mega-menyu-versija-free.html

Добавляю скриншот примера интерфейса, который я бы очень хотел упростить, сделать более компактным и информативным.

Спойлер

Здесь мне надо разместить в разделе «Участники» шесть элементов.

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

Их можно разбить на три связанные между собой подгруппы, разделив их горизонтальной чертой:

Наша команда
Наши партнёры
------------------
Новые
Популярные
------------------
Активность
Комментарии

Вот как эту горизонтальную черту добавить?

Для дефолтной темы я когда-то использовал такой способ.

Делал пункт меню с заголовком и ссылкой "---". Прописывал в нём класс css «divider».

А в стиле css своего шаблона добавлял стиль:

/* Пункт выпадающего подменю со стилем divider - разделитель */
.menu li.divider {
    height: 1px;
    margin: 2px -3px;
    overflow: hidden;
    border-bottom: 1px solid #CCCCDD;
    pointer-events: none !important;
    cursor: not-allowed !important;
}
 

Получилось примерно так

Можете поиграться со стилями под Вашу тему.

Можете поиграться со стилями под Вашу тему.

 

 

WebMan, спасибо большое за наводку.

Я использую кастомизацию шаблона Modern.
Кастомизирую его по инструкции  Zau4man.

В файл /templates/название_моей_кастомной_темы_корректно_унаследованной_от_modern/scss/theme/_custom.scss я добавил код:

/* Пункт выпадающего подменю со стилем divider - чёрточка-разделитель в главном меню */
.dropdown-menu li.divider {
    height: 1px;
    margin: 2px -3px;
    overflow: hidden;
    border-bottom: 1px solid #CCCCDD;
    pointer-events: none !important;
    cursor: not-allowed !important;
}
 

Пункт меню оформил так, как описали Вы выше: текст и ссылка "---", css-класс «divider».
Затем обязательно компилирую свою тему.

На выходе получаю именно то, что мне нужно:

Благодарю всем откликнувшихся. Задача решена, плюс есть парочку смежных вариантов по улучшению внешнего вида меню.

Топик не закрываю, вдруг у кого-то возникнут вопросы, уточнения, дополнения.