Archived topic
Make Mobile Blog Featured Image Fullscreen
7 replies · Started by rollitobot on March 20, 2020
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!
Hi there,
Just to confirm, you want to remove the 10px padding here?
https://www.screencast.com/t/rZtSil64iSW
Let me know :)
Yeees! Exactly! Is there anyway to do this??
Hi there,
In Customizer > Layout > Blog ---> Featured Images uncheck Display padding around images
https://docs.generatepress.com/article/adjusting-the-featured-images/
Nothing happens.... the padding is still appearing
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;
}
}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!
Not sure what you mean? The class is no-featured-image-padding which is the name of the option.
