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

Discussion in 'Styling and Customization Questions' started by tommydamic68, Nov 27, 2014.

  1. tommydamic68

    tommydamic68 Well-Known Member

    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?

    IMG_1438.PNG
     
  2. Mike

    Mike XenForo Developer Staff Member

    I'm not sure what I'm looking at as being wrong?
     
  3. Brogan

    Brogan XenForo Moderator Staff Member

    Use a media query to restrict the image size at various screen widths.

    The links in my signature explain how to do so.
     
  4. tommydamic68

    tommydamic68 Well-Known Member

    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]
     
  5. tommydamic68

    tommydamic68 Well-Known Member

    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>
     

Share This Page