Гайд Подпись в адаптивном дизайне xenForo

[wlux.net]

Отображение подписи на мобильных устройствах​

Проблема:​

По умолчанию подписи пользователей скрыты в адаптивной (мобильной) версии форума.

Решение:​

Добавим специальный CSS в extra.less, чтобы подписи отображались и на смартфонах, но с ограничением ширины изображений.
Код для вставки в extra.less

@media (max-width: @xf-responsiveNarrow) {
    .message-signature {
        display: block;

        img {
            max-width: 320px;

            .smilie {
                width: inherit;
            }
        }
    }
}

Что делает этот код:​

• .message-signature { display: block; }
  Включает отображение блока подписи на мобильных устройствах.
• img { max-width: 320px; }
  Ограничивает ширину изображений в подписи, чтобы они не выходили за экран.
• .smilie { width: inherit; }
  Убирает ограничение на смайлики, чтобы они не сжимались до миниатюр.