Вопрос? Укоротить текст и добавить "..."

Добрый день всем, вот сижу и мучаюсь с вопросом, как укоротить текст краткой новости, похожи видео и т.д. и чтобы в конце добавилось троеточие.
Использовал сначала css

Spoiler: код

Code:

white-space: nowrap;
overflow: hidden;
padding: 5px;
text-overflow: ellipsis;

но он почему-то ломает мобильную версию сайта.
Далее использовал js скрипт, в полной версии всё норм, а вот в мобильной не отображается.
Потом нашел способ применить {title limit="x"} данный способ не ставит троеточие в конце, но потом заморочился и нашел где это добавить, но выяснилось что и это не работает в мобильной версии сайта.

Что бы вы могли посоветовать по этому поводу?

 

Майор скинь сайт в лс

 

а что означает у вас - это не работает в мобильной версии сайта?
мы ведь не знаем, какой шаблон у вас выводится для моб устройств, может у вас стоит в настройках DLE, что использовать моб. версию сайта и подгружается стандартный(родной шаблон) DLE... если это так, то вы там эти правки сделали?
но самое главное, вы используете не тот тэг) вам нужно использовать {short-story limit="250"}...
возьмите и вставьте этот тэг включая троеточие в конце, и будет вам счастье
вы же текст обрезаете а не заголовок, а если заголовок тогда {title limit="50"}...

 

Обрезаем заголовок, я тег правильный использовал, а если использовать ваш метод и просто прицепить в конце "..." тогда эти три точки будут цеплятся даже если текст не укоротился.
Используется адаптивный дизайн, по этому я думаю здесь все понятно.
Если бы вопрос был настолько простой, я бы его и сам решил, но обратился за помощью, поэтому думаю здесь проблема намного глубже.

 

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

 

Майор уже кинул в лс как надо

 

Я уже использовал этот метод, в стартовом сообщении вы это можете увидеть, он ломает верстку сайту (адаптивную часть)

 

Майор ничего он не может ломать, просто значит ты не правильно прописываешь или допускаешь ошибку ну или просто не тому классу пишешь

 

Я сайта не видел, но больше чем уверен, что так и есть, и там скорей всего различие классов в отличии от размера экрана... например @media screen and (max-width:590px)

 

Всё верно, такое есть

 

Всё верно установлено, и т.д. но так и не заработало, ищу ответы далее.. Может кто сталкивался?

 

А може заработало, прото кэш сохранился на телефоне? киньте сайт в лс, гляну со своего телефона)

 

Нет, не заработало, кэш был очищен на 2-их телефонах + через режим разработчика на ПК проверял