Notifications

Clear all

[Solved] Odd thumbnail Behaviour

wpForo Advanced Attachments

Last Post by radiostv 5 years ago

5 Posts

2 Users

1 Reactions

985 Views

RSS

Posts: 99

radiostv

Customer

Topic starter

Mar 27, 2020 4:05 pm

(@radiostv)

Member

Joined: 7 years ago

This fault seems to have manifested itself since upgrading the core wpforo to 1.7.1

Coincidence or related?

The Problem

When viewing a forum post on a desktop, the attachment thumbnails appear correctly (see below).

However when the same post is viewed on a mobile or tablet, the Thumbnails no longer appear as thumbnails but auto resize themselves from a thumbnail and become out of focus (see below). This never happened before, they always appeared as above.

This happens on all threads/posts that have attachments

Example live link.

https://www.radios-tv.co.uk/community/black-white-tvs/1963-ever-ready-experimental-all-transistor-tv-set/paged/2/#post-100293

Any help in solving the problem would be greatly appreciated.

Forum HomePage

https://www.radios-tv.co.uk/community/

4 Replies

Posts: 99

radiostv

Customer

Topic starter

Mar 27, 2020 4:20 pm

(@radiostv)

Member

Joined: 7 years ago

Forgot to say, that the fault can be recreated on a desktop by dragging the browser window in, so it has the same dimensions as a mobile/tablet. As you do so you can see the thumbnail resize going from good to bad.

1 Reply

Astghik

Admin

(@astgh)

Joined: 7 years ago

Illustrious Member

Posts: 6193

Mar 27, 2020 4:22 pm

Reply to

radiostv

Hi @radiostv,

Let us check the issue. We'll back to you asap.

Posts: 6193

Astghik

Admin

Mar 27, 2020 4:46 pm

(@astgh)

Illustrious Member

Joined: 7 years ago

@radiostv,

Try the CSS code below:

@media screen and (max-width: 800px){
   #wpforo-wrap figure[data-attachids] {
      width: auto;
   }
}

The CSS code should be added in the "Custom CSS code" textarea, located in the Dashboard > Forums > Settings > Style Tab.

Please don't forget to delete all caches and press Ctrl+F5 (twice) on the frontend before checking to reload the updated CSS file.

Also, please try on incognito mode if you're checking on mobile devices. Because mobile browsers have a hard cache, you'll not be able to see the change immediately.