XF 1.4 Make user rank image not appear on mobile

[WhoIsDo]

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!

 

[Steve F]

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.

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

 

[WhoIsDo]

@Steve F - Yup, that's where I'm talking about. I'm assuming I'd add that in the message_user_info section?

 

[Russ]

@Steve F - Yup, that's where I'm talking about. I'm assuming I'd add that in the message_user_info section?

You can add it to extra.css if you want.

 

[WhoIsDo]

@Steve F & @Russ - Just tested it on my dev skin & it worked like a charm. Thank you both for your help!