1. 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

Discussion in 'Styling and Customization Questions' started by WhoIsDo, Oct 15, 2014.

  1. WhoIsDo

    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!
     
  2. Steve F

    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.

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

    WhoIsDo Active Member

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

    Russ Well-Known Member

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

    WhoIsDo Active Member

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

Share This Page