Dynamically Adjust Food Menu

When adding a 'Menu' block to my page the website does not dynamically adjust the height based off the content. I have a few different categories and the page height remains the height of the longest menu category when on a different menu. The site is https://www.pedrosmacon.com/menu, if you look at the second category, 'Appetizers' the page is the same height as the first Menu item, 'Lunch'. Thanks in advance!

On 11/10/2023 at 12:01 AM, tuanphan said:

Hi,

You can add new section >> Choose Classic >> Then add Menu Block again

It works with the classic editor but not the fluid engine? Do you know if that is by design or a matter of oversight? Regardless, that works! I appreciate it!

Quote

It works with the classic editor but not the fluid engine? Do you know if that is by design or a matter of oversight?

The issue is the fundamental difference between how CE and FE handle layout.

CE is essentially elastic, the height of sections adapt to the height of the content. FE is based on CSS Grid which fixes the height to the tallest element in the section, at least the way SS is using it in FE.

This is a gross oversimplification of how these engines work.

On 11/14/2023 at 1:32 AM, creedon said:

The issue is the fundamental difference between how CE and FE handle layout.

CE is essentially elastic, the height of sections adapt to the height of the content. FE is based on CSS Grid which fixes the height to the tallest element in the section, at least the way SS is using it in FE.

This is a gross oversimplification of how these engines work.

Oh that makes sense, thanks for the insight!