Thread Moved to Help & Support / Errors & Bugs

 

sorry

but this is not a glitch

 

@Drewbo_ which phone?

 

It does that with my phone as well, which is the OnePlus 3T

 

It does it on safari too

 

Can we please keep the replies on topic? As this is still in the help and support/bugs section, all replies to this thread should pertain to the original bug. Thank you :)

 

Ok it's fixed now

 

Can you confirm it is still fixed?

@Drewbo_ as well please.

 

Rip :(

EDIT: When I thought it was fixed it was just because I tested it but I used multiple words, what it's doing right now is that it's only moving full words to the bottom row if you get what I mean.

 

Zev pls

 

This is a CSS issue that can be easily replicated by dragging any desktop browser window down to the size (specifically width) of a phone screen.

The issue is div.medals being forced to a zero width, therefore making it a really tall column of medals.
Assuming freedom to edit or add CSS (I have no experience with Xenforo), this would be an easy fix:

Code:

@media (max-width: 610px)
{
.Responsive .messageUserBlock h3.userText .uix_userTextInner {
max-width: 100%;
}
.Responsive.hasFlexbox .messageUserBlock h3.userText {
min-width: 0;
}
}

The min-width will allow div.medals to expand (or rather the userText to shrink) to a normal size.
The max-width will keep the userText from expanding outside its designated box.

The selectors are just selectors I found that already have some properties in them. I don't think this level of specificity is needed.

EDIT: I haven't thoroughly tested this, seemed to work on Chrome and Firefox