Question

Сегодня заметил что комментарии на сайте поломались в мобильной версии сайта, может кто то знает из-за чего это случилось - может что то разработчики изменили на Хостинге?! И как это можно теперь исправить?

( Много чего вышло за рамки и появилось пустое место)

 

Или надо прописать дополнительные отступы для веток комментариев в CSS ?

Статья с проблемными комментариями: https://aliprosto.com/kak-zakazyvat-s-aliekspress-v-krym-2019-2020

Answer 1

В шаблон вида комментариев в самый низ после всего кода вставьте условие:

<?if($USER_AGENT_PDA$)?><style>[id^=comEnt] {margin-left: inherit!important;}</style><?endif?>

это решит проблему. Это самое оптимальное решение для мобильных устройств, уровень вложения будет ровно отображаеться на мобильных. Суть в том, чем больше комментариев в одном дереве тем больше они сдвигаются с помощью margin-left, условие выше это исправляет для мобилок.

Comments

Что то не сработало, комменты недвигаются

Код вставил в самый конец  после </div>

---

AliProsto,

Тогда как вариант сделать так, в стили прописать условие:

@media screen and (min-width: 240px) and (max-width: 650px) { [id^=comEnt] {margin-left: inherit!important;}}

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

---

Yuri_Geruk,

Этот медиа работает - спасибо  Но теперь в мобильной версии - ряд у веток комментариев вообще без отступа и не понятно получается - может как то можно хоть небольшой отступ сделать ?

---

AliProsto,

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

---

Yuri_Geruk,

Нет уж - уж лучше с медиа и в один ряд ;)
Спасибо Вам большое за помощь и Хорошего вечера

---

AliProsto,

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