Full width banner and nickname centered in responsive design

kick

Administrator
Staff member
Joined
Apr 7, 2020
Messages
178
Reaction score
209
Points
43
In extra.less add.
Less:
@media (max-width: @xf-messageSingleColumnWidth)
{
    .message:not(.message--forceColumns)
    {
        .message-name
        {
            text-align: center;
        }

        .message-userTitle,
        .message-userBanner.userBanner
        {
            display: block;
            text-align: center;
            margin: 0;
        }
    }
}
Result:
1589194032297.png
 
Top