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>
 
Top