Ах! Я точно облажался, забыв предоставить возможность скачать или посмотреть код! Это просто CSS. Как только будет время, я упакую это в полноценный компонент темы на GitHub.
// Скрыть всех участников, кроме автора темы
.topic-list .posters {
width: 75px;
text-align: center;
// Показать только первого участника
a:not(:first-of-type) {
display: none;
}
// Убрать смещение и декорации
a:first-child .avatar.latest:not(.single) {
position: static;
box-shadow: none;
border: 0;
}
// Корректировка для центрирования
& > a {
float: none;
margin-right: 0;
}
}
// Убедиться, что правильный пользователь отображается на меньшей ширине
@media screen and (max-width: 850px) {
.topic-list td.posters {
// Убедиться, что первый участник виден
a:not(.latest) {
display: block;
}
// Скрыть всё остальное
a:not(:first-of-type) {
display: none;
}
}
}
То, что вы пытаетесь реализовать, скорее всего, ближе к этому: