Is it possible to stretch the featured image on mobile view?

[Andy]

Hi there,

I’d like to test out the featured image of my blog post without any padding on the left and right sides.

Here’s a screenshot, is this possible? https://imgur.com/a/IlyG7D9

Thank you,

[David]

Hi there,

you can uncheck the Display padding around images option in Customizer > Layout > Blog –> Featured Images >> Posts. This will apply to Desktop and Mobile.

For Mobile only instead of that option add this CSS:

@media(max-width: 768px) {
    .page-header-image-single {
        margin-left: -25px;
        width: 100vw;
    }
}

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

[Andy]

Thank you David, perfect!

[David]

You’re welcome

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

[Author]

Posts