Best way to lay this out?

Ask the community
1

Hey there - brand new to the platform and only mildly experienced with web dev in general… so forgive me if this is obvious.

I’m inserting a Landbot chatbot instance in the big frame, and the footer will be loading content (like an audio player) at different points.

I’m looking to have two fixed containers on the site. Ideally, the footer would be 200px tall and the main space above it would fill the rest. No scrolling.

My first approach was with VH… 85vh for the top and 15 for the bottom… but I’m wanting that footer to have a fixed height…

Any recommendations?

Thanks!
Mitch

2

Hi @create , you can achieve this by applying a grid to your main section with 1 row and then in the sizing options you can use the calc function to set the it to:
calc(100vh - theSizeofYourFotter in pixels) like this -

3558×1814 241 KB

then your main section will always be 100vh minus the size of your footer.
also you need to take in consideration that if your site is not premium at the moment you also have to calculate the extra 50px of the editor x banner at the top.

Hope this helps.

3

It does. Thanks Ido!