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

XF 1.5 Show Smaller Images in Responsive View

Discussion in 'Styling and Customization Questions' started by OakleyForum, Jan 21, 2016.

  1. OakleyForum

    OakleyForum Active Member

    Currently having an issue, where images are making huge mobile pages - also flagging mobile usability issues in GWT.

    How can I set it to scale down images to the width of the mobile device, then expand when clicked? Seems like it should do this regardless for responsive. I.e the width of the screen should be limited to the width of the phone, including pics.

    Here is a good example link with images: http://www.oakleyforum.com/threads/list-of-on-going-oakley-purchases.22048/
     
  2. Chris D

    Chris D XenForo Developer Staff Member

    It does do that by default.

    It would seem you have added some custom CSS which is overriding the default behaviour.
     
  3. OakleyForum

    OakleyForum Active Member

    Code:
    <xen:if is="@enableResponsive">
    @media (max-width:@maxResponsiveWideWidth)
    {
        .Responsive .attachedFiles
        {
            margin-right: 0;
        }
    }
    
    @media (max-width:@maxResponsiveMediumWidth)
    {
        html.Responsive .attachment
        {
            width: 100%;
        }
    }
    </xen:if>
     
  4. OakleyForum

    OakleyForum Active Member

    Just noticed in Extra.CSS - believe this may be causing it - any input:

    Code:
    .message .bbCodeImage {
    max-height: 800px;
    max-width: 640px;
    overflow-x: auto !important;
    overflow-y: auto !important;
    }
     
  5. Chris D

    Chris D XenForo Developer Staff Member

    I would suspect that's the cause.
     
  6. OakleyForum

    OakleyForum Active Member

    Removed that code - seems to fixed now! Thanks!
     
    Chris D likes this.

Share This Page