• 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

#1
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/
 

Chris D

XenForo developer
Staff member
#2
It does do that by default.

It would seem you have added some custom CSS which is overriding the default behaviour.
 
#3
It does do that by default.

It would seem you have added some custom CSS which is overriding the default behaviour.
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
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;
}