On mobile, the blog feature image is not centered.

Hello,

1. The mobile image is not displayed because something on your server prevents them from being served. Besides that, you also have custom CSS code that hides the featured image on small screens.
   
   @media screen and (max-width:640px) {#ilovewp-hero { display: none; }}
2. The theme is not responsible for what happens when your pages are shared elsewhere.
   Usually SEO plugins generate all the appropriate markup for the data that is used on social media platforms.

Best regards,
Dumitru B.

Well, I was unable to fix it. However, you missed my first question. If you view the blog on mobile, the post feature images don’t align properly. Is it something for which you have a solution?

Not sure how it “doesn’t align properly”, when they are completely hidden on your website.

I’m looking at the theme’s live demo and everything appears in order to me. So I can’t even replicate the issue that you are describing.

Can you post a screenshot of what you’re seeing?

Here’s a link to the screenshot. Notice I highlighted the poor alignment in yellow. https://ibb.co/wwMKpn5

Thumbnails are 200×160. That mobile view is turned ON when the viewport is 460 pixels.

The theme displays the thumbnails in their original size (200×160) instead of increasing their size in the browser. If you ever tried increasing the dimensions of an image, you probably know why that’s not desirable.

So what you are seeing is the intended behavior, it is not a “bug”.

What can I do to fix it so that the feature images will align correctly on mobile phones?

I understand that it is not a bug, but is there a plugin that you know of that can automatically convert my image sizes to fit the viewport of 200 x 160?

• This reply was modified 1 year, 11 months ago by gsn26.

Hi Dimitru, There’s something wrong with the theme featuring images. It just doesn’t show. I resized the images, but none would appear on any post. Do you want to examine this bug for yourself rather than dismiss it entirely?

Hello,

I am not the one “dismissing it”. I have already told you that you yourself have added custom CSS code that hides the featured image in posts, I even showed you the code that you have:

<style type="text/css" id="wp-custom-css">
@media screen and (max-width:640px) {
#ilovewp-hero { display: none; }
}
</style>

This is custom code on your website. It doesn’t come from the theme.
This particular code hides featured images on inner pages, not on archive pages.

Is this the “bug” that you are referring to?

• This reply was modified 1 year, 11 months ago by Dumitru Brinzan.

Obviously, you are missing the point. First of all, it is not the slider or feature images on the main page that I need help with. I am aware that I have a custom code that prevents the slider from showing on mobile. However, this is not the subject of my complaint.

I am referring to the featured images attached to a post. If you go to my blog and click on one of my posts, scroll to the Jetpack sharing icon, and attempt to share the post on either of the social media sites like Twitter or Facebook, you will see that the “feature image” associated with the post will fail to load. So, the container will be rendered blank.

“Featured image” here means a thumbnail, or say, a picture associated with that post; not the one that slides on the homepage, nor the custom code that prevents the slider from sliding on mobile phones. I hope this helps you examine the bug.

You are searching in the wrong place. The theme doesn’t control the Open Graph properties. Your Yoast SEO plugin is doing that. Check the output, see that it uses some weird image that doesn’t even load:

https://developers.facebook.com/tools/debug/echo/?q=https%3A%2F%2Fgibsnet.com%2Fsalvation-is-gods-greatest-gift-to-humans%2F

https://gibsnet.com/wp-content/uploads/2022/12/paykyb-8er8.jpg

This will be my last message in the thread, I won’t respond any longer.