Low-resolution thumbnails on post lists in mobile single-column views
How can I have small thumbnails in a post list when viewed on a large monitor, but full-width (non-bitmappy) thumbnails when the post list adapts to a 480px-wide single-column viewport?
In any post list, when the browser window (viewport) is 480px or less, the featured image thumbnails (set to small in the post list) grow to full width of the single column. This is good, BUT instead of being reduced to 480px wide from the original large image, they are enlarged from the smaller thumbnail image, so they look bitmappy.
Your demo of a post list with small thumbnails works just the way I want mine to work: (see demo Category Archive or Post List Shortcode) — images in a single 480px-wide column use the full-size image as their source. In fact the demo uses the full-size image as the source of the small thumbnails, while my thumbnail images (small or wide) are sourced from a 195px-wide “thumbnail.”
Please see the featured image on this post, within my post lists in page template pages “Articles” & “Community Contributions” pages. (Don’t test the “Justice Teaching” image — that one is just too small to stretch well anyway.)
Also: the featured image lightbox has forward/back arrows, as if it’s a gallery of images, even though it only repeats the same image. Can this be set to behave like a one-image lightbox instead of a gallery?
I’ve combed the documentation, codex, theme settings, media upload options — I can’t for the life of me figure out what I’m missing.
- The forum ‘Akita Responsive WordPress Theme’ is closed to new topics and replies.