Как сделать так, чтобы в пункте меню, состоящим из нескольких слов, слова записывались в "столбик"?

Аватар пользователя smekalin

Здравствуйте, уважаемые форумчане.
Нашел среди тем, представленных на drupal.org, подходящую (https://www.drupal.org/project/venture_theme), однако есть одна загвоздка.
В структуре меню моего сайта есть довольно ёмкие по текстовому содержимому пункты меню. Например, "Материально-техническое обеспечение и оснащенность образовательного процесса". Это приводит к тому, что когда выбираешь пункт Главного меню, который располагается в верней части сайта, а подменю содержит длинный пункт, наподобие указанного выше, то само это подменю может растягиваться на всю ширину экрана. Это довольно неудобно, учитывая то, что у этих подпунктов могут быть ещё и подподпункты.
Подскажите, пожалуйста, как можно настроить стили так, чтобы, например, если пункт длинный (2 и более слов), то слова записывались не в строчку, а в столбец -- друг под другом?
С уважением, Владислав.

Версия Drupal:
0 Thanks

Комментарии

Аватар пользователя sas@drupal.org
sas@drupal.org 12 месяцев назад
1

Технология обычно иная - либо ограничивают ширину через max-width, либо применяют display:flex; direction ...
но если очень хочется безумного секса, можно конечно кажде слово в препроцессе обернуть в тег span

Аватар пользователя BatKor
BatKor 12 месяцев назад

CSS тебе в помощь.

Аватар пользователя smekalin
smekalin 12 месяцев назад

Хорошо. Благодарю :)

Аватар пользователя smekalin
smekalin 12 месяцев назад

Чего-то ничего не получается.
Отыскал стили, которые отвечают за внешний вид ниспадающего меню. Установил width:185px;, однако это привело только к тому, что изменилась только ширина блока, в котором отображается текст пунктов (ссылок), а сами ссылки как были записаны в одну строчку, так и остались...

Аватар пользователя Studio VIZA
Studio VIZA 12 месяцев назад

Обсудите всё-же, с заказчиком вероятный вариант сокращения, и будьте в этом вопросе более принципиальны.

Аватар пользователя smekalin
smekalin 12 месяцев назад
Studio VIZA написал:
Обсудите всё-же, с заказчиком вероятный вариант сокращения, и будьте в этом вопросе более принципиальны.

Спасибо, но, к сожалению, это практически невозможно, поскольку названия пунктов определяется приказом МинОбрНауки и должны соответствовать слово-в-слово.

Аватар пользователя Studio VIZA
Studio VIZA 12 месяцев назад
1

pre-wrap
В тексте сохраняются все пробелы и переносы, однако если строка по ширине не помещается в заданную область, то текст автоматически будет перенесен на следующую строку.

Аватар пользователя smekalin
smekalin 12 месяцев назад
Studio VIZA написал:
pre-wrap

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

Благодарю, всё отлично помогло.