Archived topic
Hide featured image for posts on mobile
3 replies · Started by Karine on April 21, 2022
Hi,
I would like to hide the featured image for my posts on mobile to improve page speed scores.
I've added this in the customizer
@media (max-width: 768px) {
.single .featured-image {
display: none;
}
}
but it doesn't work.
Let me know if you need more info.
Thanks!
Hi Karine,
Are you using a Block Element - Page Hero?
If so, you may simply utilize the hide-on classes to hide specific elements on different views.
Reference: https://docs.generatepress.com/article/responsive-display/#using-our-hide-on-classes
To be specific, you may add hide-on-mobile to the Additional CSS classes field of the Block you wish to hide.
For example: https://share.getcloudapp.com/rRu1D0km
Hope this helps! Kindly let us know how it goes. :)
Hi Fernando,
Yes, I'm using Block Element - Page Hero, and the hide-on-mobile worked like a charm.
Thank you!!
You’re welcome Karine! Glad to be of assistance! Feel free to reach out anytime you’ll need assistance with anything else. :)
