XF 2.2 Message user info block not in line

Diablotic

Active member
Ah sorry, they do on my forum because I used:
Code:
@media (max-width: 480px) {
    .message-signature{ display: block; }
}

I would like to achieve something like this:

1/ Laptops etc
laptops.png
2/ Small mobile devices
mobiles.png
 

Brogan

XenForo moderator
Staff member
The .message-signature class has nothing to do with those fields.

I suspect you must have some other code somewhere which displays them.
Something like this should work, but you will likely need to increase the cell sizes or there will be wrapping to a new line.
Less:
.message-userExtras .pairs--justified dd
{
    float: left;
    clear: both;
}

@media (max-width: 650px)
{
    .message-userExtras
    {
        display: block !important;

        & .pairs--justified dd
        {
            float: right;
        }
    }
}
 

Diablotic

Active member
You are right, signatures have nothing to do with this. I have just upgraded from 1.5.x and been working on my forum for xx hours now and am a bit tired.
Code for displaying info on my forum on mobiles is:
Code:
.message-userExtras
{
    display: block !important;
}
 
Last edited:

Brogan

XenForo moderator
Staff member
Use the browser inspector (F12) to determine which other elements you need to add to the declaration with the appropriate changes.
 
Top