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

XF 1.4 Signature picture "large" on mobile device

Brogan

XenForo moderator
Staff member
#3
Use a media query to restrict the image size at various screen widths.

The links in my signature explain how to do so.
 

tommydamic68

Well-known member
#4
I just noticed a members signature picture, Image code I would guess being large on a mobile phone in portrait mode. Any fixes for this?

View attachment 90423
I'm not sure what I'm looking at as being wrong?
Its the signature picture on a small iPhone device, its not responsive. @Brogan its an "image" BBcode, isn't that responsive by default with Xenforo? The code in her signature is below.

Code:
[IMG]http://www.mysite.com/community/attachments/139img_2192-jpg.15160/[/IMG]
 

tommydamic68

Well-known member
#5
Use a media query to restrict the image size at various screen widths.

The links in my signature explain how to do so.
I found it in a thread -

Code:
<xen:if is="@enableResponsive">
    @media (max-width:@maxResponsiveWideWidth) {
        .message .signature .bbCodeImage {
        max-height: 125px !important;
        max-width: 550px !important;
        }
    }

    @media (max-width:@maxResponsiveMediumWidth) {
        .message .signature .bbCodeImage {
        max-height: 80px !important;
        max-width: 4000px !important;
        }
    }

    @media (max-width:@maxResponsiveNarrowWidth) {
        .message .signature .bbCodeImage {
        max-height: 50px !important;
        max-width: 200px !important;
        }
    }
</xen:if>