название пункта меню в несколько строк

silentnickk
15 Posts
silentnickk posted this 12 October 2017

Подскажите, можно как то сделать длинные названия пунктов меню в две строки (перенести по словам)?

Подскажите, можно как то сделать длинные названия пунктов меню в две строки (перенести по словам)?
Vote to pay developers attention to this features or issue.
9 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 12 October 2017

Hi,

В целом, перенести можно. Все зависит от того, как в конечном результате должно выглядеть меню с тайтлами в две строки.
Вот тут было обсуждение и несколько решений
http://answers.themler.io/questions/12556/top-nav-bar-force-text-on-to-new-line

Thank you,
Olivia

Hi, В целом, перенести можно. Все зависит от того, как в конечном результате должно выглядеть меню с тайтлами в две строки. Вот тут было обсуждение и несколько решений http://answers.themler.io/questions/12556/top-nav-bar-force-text-on-to-new-line Thank you, Olivia
ditol
16 Posts
ditol posted this 29 October 2017

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

Добрый день! В топике на который вы дли ссылку рассмотрен вариант для горизонтального меню, но для вертикального такой подход в прямую не сработал, подскажите пожалуйста, как сделать в вертикальном меню пункты в две строчки.
silentnickk
15 Posts
silentnickk posted this 29 October 2017

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

У меня все сработало именно для вертикального меню. Проверьте внимательней, все свойства меняются у "menu item", а не в свойствах "menu".

2017-10-29-12-29-29.jpg

> Добрый день! > В топике на который вы дли ссылку рассмотрен вариант для горизонтального меню, но для вертикального такой подход в прямую не сработал, подскажите пожалуйста, как сделать в вертикальном меню пункты в две строчки. У меня все сработало именно для вертикального меню. Проверьте внимательней, все свойства меняются у "menu item", а не в свойствах "menu". !2017-10-29-12-29-29.jpg!

Last edited 29 October 2017 by silentnickk

ditol
16 Posts
ditol posted this 29 October 2017

В добавке в CSS code надо что-то менять? Просто для горизонтального мню все сработало, а вертикальное меню просто вылезает за поля элемента и не хочет переходить на вторую строчку.

http://archi.spb.ru/wp-content/uploads/2017/10/11.jpg

В добавке в CSS code надо что-то менять? Просто для горизонтального мню все сработало, а вертикальное меню просто вылезает за поля элемента и не хочет переходить на вторую строчку. http://archi.spb.ru/wp-content/uploads/2017/10/11.jpg

Last edited 29 October 2017 by ditol

Support Team
Support Team posted this 29 October 2017

Добрый день,

Вы пробовали это решение?

enter image description here

Должно работать без дополнительного кода. Если не помогает, дайте ссылку на сайт, посмотрим.

Sincerely,
Hella

Добрый день, Вы пробовали это решение? ![enter image description here][1] Должно работать без дополнительного кода. Если не помогает, дайте ссылку на сайт, посмотрим. Sincerely, Hella [1]: http://forumattachments.themler.io/310/12310/MenuWrap.png
ditol
16 Posts
ditol posted this 29 October 2017

Все получилось, огромное спасибо. Моя вина, надо внимательно смотреть какое меню сейчас активно.

И еще такой вопрос у меня не получается прижать сайдбар к левому краю. При разных размерах экрана это расстояние плавает. Или лучше новую тем создать
archi.spb.ru

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

Last edited 29 October 2017 by ditol

Support Team
Support Team posted this 30 October 2017

Добрый день,

У вас стоит достаточная маленькая максимальная шириина контента для десктопа. Можете открыть Home >> Settings и поставить для десктоп максимальную ширину (сейчас у вас там будет 1170 px).

Sincerely,
Hella

Добрый день, У вас стоит достаточная маленькая максимальная шириина контента для десктопа. Можете открыть Home >> Settings и поставить для десктоп максимальную ширину (сейчас у вас там будет 1170 px). Sincerely, Hella
jiniopjkl
2 Posts
jiniopjkl posted this 29 September 2025

That’s a good point—sometimes long menu names need wrapping, kind of like when streaming apps break long movie titles into two lines so they still look clean on screen. A little word wrap keeps things readable without squishing everything into one line.

That’s a good point—sometimes long menu names need wrapping, kind of like when [streaming apps][1] break long movie titles into two lines so they still look clean on screen. A little word wrap keeps things readable without squishing everything into one line. [1]: https://freesineapk.com/
k13487538
3 Posts
k13487538 posted this 28 November 2025

Yes, it is possible to make long menu item names appear on multiple lines using CSS. You can apply styles like word-wrap: break-word; or white-space: normal; to allow text to wrap automatically and display neatly across two lines. Another approach is to manually insert line breaks at logical points in the text to ensure readability. This helps keep your menu clean and avoids overflowing or overlapping items, especially on smaller screens or mobile devices. By the way, if you want to see an example of a well-structured and user-friendly content interface, you can check senpaistream. It offers movies, series, and anime with clear categories and smooth playback on Android.

Yes, it is possible to make long menu item names appear on multiple lines using CSS. You can apply styles like word-wrap: break-word; or white-space: normal; to allow text to wrap automatically and display neatly across two lines. Another approach is to manually insert line breaks at logical points in the text to ensure readability. This helps keep your menu clean and avoids overflowing or overlapping items, especially on smaller screens or mobile devices. By the way, if you want to see an example of a well-structured and user-friendly content interface, you can check [senpaistream][1]. It offers movies, series, and anime with clear categories and smooth playback on Android. [1]: https://senpaistreamapks.fr/
You must log in or register to leave comments