NO BUG: Image Element not work with ACF Flexible Content Fields

I’m using an image element and ACF Flexible Content Fields on my product page to display desktop and mobile images respectively. However, both desktop and mobile images are appearing simultaneously, instead of being displayed based on the device. URL to view: 11111 – wordpress-1059008-5272531.cloudwaysapps.com

My ACF Flexible Content Fields are set up as follows:

My image element is configured like this:

Hi Ying,
Thanks so much for your report!

What does your flexible content setup look like (in ACF and the builder)?

As far as I can see in the frontend (and your screenshot), you have two layouts that are rendered as expected because each contains data. If I understand your approach correctly, the desktop and mobile images should be in the same layout, not in two different ones.

Best regards,
timmse

Hi timmse,

Thank you for the reminder. I wasn’t aware that each set of desktop and image files needed to be placed within a layout. I’ve updated the layout as instructed, and it’s now working correctly. This wasn’t a bug, just me using it wrong.

1 Like