Sorry wanted to say, I’ve set the height for featured image to 220px for larger screens. But how can I make this image responsive on smaller screens. Presently the image does not feet and is crpoed.
Thanks for your help
Hi @ameliehub ,
I think it is happening because the images are wide. Hence, they get cropped a bit on mobile.
Go to WP-admin > Appearance > Customize > Additional CSS and add the following code:
.obfx-grid .obfx-grid-col-image.obfx-fit-height img {
height: 83% !important;
}
Thanks for your reply but that is not the solution.
It gives white margins around the image on mobile devices and it does not look good
From mobile size to 767px, the height keeps reducing and it is totally croppped.
Does not look good at all
Thanks for your help
Hi @ameliehub,
Do you still have this issue? I looked on the link you provided but it looks like you’re not using the Post Grid widget anymore.
