Image in Content Area Modal Toggle not Responding Properly

[istoriaagency]

Hi there,

Here’s the page I’m building: https://hangerlaw.wpengine.com/firm/

I’m desiring to move from static images to content modals for team member descriptions. I’ve started with the first image in the group but am running into an issue with it responding properly. It looks fine at full width and on mobile, but the in-between stages are off.

Here’s how it looks at 768 px wide:

And here are my toggle settings:

Any ideas what’s up?

Thanks,

Jared

[prakash_s]

Hi @jiggyjargon,

Thanks for writing to us.

I checked the site and I found that you added the first image in the Content Area Modal element and the second and third image in the Image element. Kindly add all images in the Content area modal or in the Image element. Then all images will show at the same height.

Hope it helps you.
Thanks

[istoriaagency]

That does make them all the same size, but modal images are still doing a weird crop instead of remaining in the same aspect ratio. Here’s how they look on iPad.

[istoriaagency]

To be clear, they need to look like the image elements:

[prakash_s]

Hi @jiggyjargon,

You need to change the settings of the flexbox to show images properly.

Go to Content Area Modal -> Toggle -> Content Flex box -> Child Placement -> Select Column here.

Hope it helps you.
Thanks

[istoriaagency]

Yes, that did it! Thanks so much!

[prakash_s]

Hi @jiggyjargon,

Glad to help you. Have a nice day.

Thanks