How to change featured image size on the mobile homepage?

Hi there,

You can try adjust/modify the 3 property in below CSS:

@media (max-width: 768px) {
   .home .page-hero {
        background-size: contain; /*cover on desktop*/
        min-height: 50vh; /*100vh on desktop*/
        background-position: center center; /*same as desktop*/
    }
}

If you are not familiar with CSS, I would recommend google search how these CSS property works.

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

Let me know if this helps :)

Thanks a lot. It worked for me

Great!

You are welcome :)