Need Help with Scaling a Featured Image

[RavenManiac]

For some reason, I can’t get the featured image on this ACF Pro custom post page to scale for mobile devices. This worked fine before I installed ACF Pro and created a custom post type. I tried forcing the image to scale with CSS, but I couldn’t get it to work. I also contacted WPE, but they can’t figure it out either. I’m hoping a CSS/PHP expert can shed some light on this.

So that you know, this is a StudioPress theme called Monochrome Pro v1.0. Thanks for your help!

https://staging.dkihomes.com/model/the-adams/

[AnitaC]

Did you use Regenerate thumbnails after you installed ACF Pro? Sometimes regenerating will fix that.

---

Need help with customization or troubleshooting? Reach out to me.

[AnitaC]

Try adding this and let me know when it's on the site. Be sure to clear your cache.

/* Default Styles */
.backstretch img {
    width: 100%; /* Make sure the image takes up full width */
    height: auto; /* Maintain the aspect ratio */
    object-fit: cover; /* Cover the container */
}

/* For smaller screens */
@media only screen and (max-width: 600px) {
    .backstretch img {
        object-fit: contain; /* Ensure the entire image is visible */
        height: auto; /* Adjust the height to auto */
        width: 100%; /* Keep the full width */
    }
}

---

Need help with customization or troubleshooting? Reach out to me.

[RavenManiac]

This reply has been marked as private.

[AnitaC]

I see your message. I'll need to reach out to SP for that request.

---

Need help with customization or troubleshooting? Reach out to me.

[Author]

Posts