What removes avatar from poster info in phone view?
Responsive css based on screen size
Spent a good hour last night looking in there. Only two classes incude 'avatar' -
#alerts .alert_image .avatar {
display: none;
}
#alerts .alert_image .avatar + .alert_icon {
position: static;
}
No effect. And there's nothing in index.css that has any effect.
Unfortunately, it hides everything and then picks what to show/bring back.
Try like this
.user_info li,
.custom_fields_above_member {
display: none;
}
.user_info li:not(.avatar),
.custom_fields_above_member {
display: none;
}
.user_info li.avatar::before {
display: none;
}
That works. Added this to make it smaller -
@media (max-width: 768px) {
.poster img.avatar {
max-height: 60px !important;
}
}