Feature Image not responsive

[Ivee]

I have noticed that my feature image for posts isn’t as responsive on mobile. What’s the best advice to correct this? Should I create a smaller dimension with my feature images? Currently they are all 480x270 px with some exceptions, but I do try to keep them as small as possible without losing quality with tinypng. The picture I attached isn’t 480x270, but most on the website is.

Kerkoc GmbH Bandgist Orthopädietechnik 2020 - Kerkoc GmbH | 2020

[marc_a]

Hi Ivee,

Thanks for reaching out!

Upon checking on your blog page, you added a custom CSS in your featured image that causing the mobile not responsive, please remove the code below and it will fix your issue.

Hope that helps.

Thank you.

[Ivee]

Thank you for the answer.
Now the problem is with the desktop or larger resolution screens. The feature image at the top is all of a sudden way enlarged despite the picture dimensions being 480x270 which in turn makes it large and blurry and pixelated. I think I added the code you mention to make it a reasonable small size so it doesn’t over power the actual post.
Is there a way to keep the feature image reasonable or the original size and have it be responsive on mobile?

[marc_a]

Hi Ivee,

Yes, with the help of the media query, we can apply your custom code on the desktop view or iPad view. See the example code below.

@media (min-width: 769px) {
	.entry-featured {
		width: 480px;
		margin-left: 5%;
	}
}

The code above will apply when the browser size is 767px and up. Then it will have a 100% width on the mobile view.

Please note that custom CSS code is outside the scope of our support. Issues that might arise from the use of custom CSS code and further enhancements should be directed to a third-party developer or you can avail One where we can answer questions outside of the features of our theme.

Hope that helps.

Thank you.

[Ivee]

Thank you! That works perfectly. I will also check out the suggestion you offered. Thank you again.

[marc_a]

Hi Ivee,

You’re welcome and it’s our pleasure to help you! If you have any other concerns or clarifications regarding our theme features, feel free to open up a new thread.

Thank you.