[Resolved] Photo sizes

[vasu]

Hi! On post archives, such as the blog page, I have the thumbnail option selected, so that on desktop the photo is by the side of the text. However, on mobile, the thumbnails look too small. I tried specifying height and width but that does not look good because the resizing is weird.

Is there a way to make the thumbnails full screen on just mobile?

[David]

Hi there,

select an image size that works for you on mobile.
Then add this CSS to make it smaller for desktop only:

@media(min-width: 769px) {
    .post-image-above-header .inside-article div.post-image img {
        width: 150px;
        height: 150px;
        object-fit: cover;
    }
}

[vasu]

Thank you!

[David]

Glad to be of help

[Author]

Posts