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

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

Спойлер: код

Код:

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

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

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

 

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

 

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

 

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

 

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

 

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