How to grow background height with show/hide content

Can anyone advise how to cause a background (image or just solid color) to grow to accommodate the height of content when said content is exposed with interactions?

In my example below, click on the Food Menu and expand each food category. I would like the blurred background image to expand/contract in height as the categories expand/contract in height.

Here is my public share link:

For element “Section Main FoodMenu_BG”:

Height: auto
Min-height: 750px

Never set a fixed height when you want the container to auto-adjust based on the contents. Usually you will want to use min-height instead of height.

@samliew Thank you kindly sir! That works great.

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