XF 1.5 Show Smaller Images in Responsive View

[OakleyForum]

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]

It does do that by default.

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

 

[OakleyForum]

It does do that by default.

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

<xen:if is="@enableResponsive">
@media (max-width:@maxResponsiveWideWidth)
{
    .Responsive .attachedFiles
    {
        margin-right: 0;
    }
}

@media (max-width:@maxResponsiveMediumWidth)
{
    html.Responsive .attachment
    {
        width: 100%;
    }
}
</xen:if>

 

[OakleyForum]

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

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

 

[Chris D]

I would suspect that's the cause.

 

[OakleyForum]

Removed that code - seems to fixed now! Thanks!