[Resolved] Make Mobile Blog Featured Image Fullscreen

[rollitobot]

Hi Team!

I’ve checked all the support pages but i havent found nothig about this, sorry if i have overlook something…

I would like to put the images of the main page of the blog, extended or full screen ONLY on mobile devices.
Is there any form to do this??

Look, my page (my first web!) is :
and I would make the principal page of the blog on mobile, like this: (all the post images expanded…)

Thaks for your support, I’ve learned a great deal… Regards from spain!

[Leo]

Hi there,

Just to confirm, you want to remove the 10px padding here?
https://www.screencast.com/t/rZtSil64iSW

Let me know 🙂

[rollitobot]

Yeees! Exactly! Is there anyway to do this??

[David]

Hi there,

In Customizer > Layout > Blog —> Featured Images uncheck Display padding around images

https://docs.generatepress.com/article/adjusting-the-featured-images/

[rollitobot]

Nothing happens…. the padding is still appearing

[David]

Hmm – odd. Leave that option enabled and add his CSS:

@media (max-width: 768px){
    .no-featured-image-padding .post-image {
        margin-left: -10px !important;
        margin-right: -10px !important;
    }
}

[rollitobot]

Yeaaaah! It works!!
But, why ‘no featured image’?? I don’t understand this. The images of the posts, are supposed to be a featured images…

Thanks a lot for your support!

[Leo]

Not sure what you mean? The class is no-featured-image-padding which is the name of the option.

[Author]

Posts