-
Hello!
Normally I can solve most questions with the existing topics, but in this case I can’t figure it out: if I choose a featured image for my blog post, it looks perfect on my computer browser. But when I open the same blog post on my phone, the featured image appears zoomed in, making most of the image invisible. Can I change the focus or the size of the featured image so that the image is also clearly visible on the blog post on my phone?
Kind regards,
Demi -
Hi Demi,
Can I see a post with this issue?
Let me know 🙂
-
Hi Ying,
Thankyou for the fast reply!
This is how the featured image looks on my laptop:
https://i.postimg.cc/W1yPRg0f/Screenshot-2024-05-15-11-49-46.pngAnd this is how it looks when I open the same blogpost on my phone:
https://i.postimg.cc/JnNwBFv9/unnamed-2.jpgThis is the link to the blogpost:https://lavidacolombiana.nl/necocli-het-onontdekte-paradijs-van-de-colombiaanse-cariben/
-
The position seems need to be adjusted per image, as different image has different focus.
Can you try this CSS?
@media(max-width: 768px) { .gb-container.gb-container-e634d9fb { background-position: top center; background-size: 100% auto; } } -
Thankyou,
However It doesn’t change, I saved the CSS in customizer> add extra CSS.
But the imagine on my mobile still looks the same -
Have you cleared cache?
-
Oops! no!
I just did and it worked perfectly! Thankyou!!
-
Glad to hear that 🙂
- You must be logged in to reply to this topic.