XF 1.4 Make user rank image not appear on mobile

WhoIsDo

Active member
Is it possible to make a user rank image not show on mobile browsers? I have my user rank images overlayed on the avatar, and on mobile it blows about 65% of the avatar.

Can I just add some code in my extra.CSS to accomplish this? I have CSS for each rank image in the extra.CSS file, and then I have a small piece of code in the message_user_info to reference it. Any help would be appreciated!
 
I assume you talking about on Destiny Forum

You can just keep adding to the below for the ranks you want hidden, that will hide them at the narrow responsive.

Code:
<xen:if is="@enableResponsive">
@media (max-width:@maxResponsiveNarrowWidth)
{
    .destinyrank8,
    .destinyran11
    {
            display: none;
    }
}
</xen:if>
 
Top Bottom