• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

XF 1.4 Make user rank image not appear on mobile


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!

Steve F

Well-known member
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)
            display: none;