How Can I Make An Image With Min-Height That Can Be Responsive Against Another Element?

I hope that I’m explaining this correctly. This is the page that I’m trying to fix: https://new.fluentstream.com/

The hero image at the top of the page is huge and I want to add a min-height of only 350px and to get the image to scale and fill the space when it becomes responsive. Is there a way that I can do that?

Hello @lbongiovanni,

Thanks for writing in!

Please remove the image element and add it as a background image in your column instead. You can then insert a gap element and set the height to 350 pixels. The background image will display responsively which will have a minimum height of 350 pixels as you have imagine.

Hope this helps. Kindly let us know.

Perfect. Thanks!

You’re welcome, @lbongiovanni.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.