[Resolved] different size of featured image on mobile/ipad/PC

[Anil]

Hi

I set featured image on archive pages 90px x 90px.

I want 3 different size of featured image on archive pages:

mobile = 90×90
ipad = 150×150
PC = 300×300

Please advise how it can be achieved, I believe this is not in customizer…..

[Leo]

Hi there,

Try using the customizer option to set the PC dimension of 300×300, then use this CSS to change for tablet and mobile:

@media (max-width: 768px) {
    .post-image img {
        width: 90px;
        height: 90px;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .post-image img {
        width: 150px;
        height: 150px;
    }
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

[Anil]

Thanks Leo, Bye.

[Leo]

No problem 🙂

[Author]

Posts