XF 2.2 How do I get the message user info elements that show up on desktop to show on mobile as well?

[amnesiac828]

I have the message user info elements added but they do not show on mobile.

 

[Paul B]

Add this to the extra.less template.

.message-userExtras
{
    display: block !important;
}

 

[amnesiac828]

Add this to the extra.less template.

.message-userExtras
{
    display: block !important;
}

Thanks!

 

[amnesiac828]

Add this to the extra.less template.

.message-userExtras
{
    display: block !important;
}

@Brogan If I want to limit the character length of the location how would I go about doing that? It throws off the CSS on mobile view but users like to see it. Figured I can limit the length so its a happy medium

 

[Paul B]

You would have to adapt the CSS to suit, such as limiting the characters, etc.

 

[OUTL4W]

@Brogan If I want to limit the character length of the location how would I go about doing that? It throws off the CSS on mobile view but users like to see it. Figured I can limit the length so its a happy medium

View attachment 238157

you could try adding to extra.less

.memberTooltip-blurb {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 75ch;
}

change the "75ch" to desired amount of characters you to want to display...