Images Rendering Differently on Desktop vs Mobile

[ad_1]

Hi everyone!

First post here and really hoping someone can help me out. I’m making a business directory site in WordPress using a theme I bought, and so far, everything is fine. Previously, when creating a listing an uploading a featured photo, the image would fill the header on desktop and appear the same on mobile – however, now that’s no longer the case, they appear differently (see attached). I’ve tried resizing the images a million times, plugins, etc and nothing seems to be solving the problem of responsiveness between mobile and desktop. If I resize the image, I can have it fill the container on desktop, but not mobile, and vice versa. Any advice? I’m assuming I’m going to have to edit something in the PHP files, but I’m pretty unfamiliar with doing so.

Any advice/can anyone help me out?

​

[Image as it appears on the desktop site])

[Image rendered properly on mobile])

​

[Resized image rendering properly on desktop])

[Resized image doesn’t fill the container on mobile])

[ad_2]

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer