White section at bottom of page

paul.wilson · 2025-01-16T10:41:32.886Z

Hi,

I seem to have a white section underneath my calendar when I scroll down on a smaller display. I have inf height on the group below, but I can’t seem to get rid of this white section. Am I missing something simple?

The #f5f5f5 colour you can see above is taken from the ‘main’ page element and has a min height to 800 (although I can’t seem to remember why I set this min height).

image1885×383 17.8 KB

psycholabdesign · 2025-01-16T11:39:49.456Z

Hi there.

You could try using Fit Height on the parent container that has the calendar element inside. In your case, I believe is the “main page” or remove the min-height altogether.
Hope this helps.

Screenshot 2025-01-16 at 13.33.57686×222 12.2 KB

paul.wilson · 2025-01-16T12:00:08.029Z

Many thanks for your suggestion, but neither of those seem to work for me.

Reducing min height to 0 collapses the calendar altogether and fitting the group to content makes the calendar expand too far.

Recording 2025-01-16 115806

psycholabdesign · 2025-01-16T12:17:52.430Z

Sorry, it’s kinda hard to see the layout structure in the gif you’ve provided.

But in that case, add the calendar in a separate Group container of column or align to parent layout so you can manipulate its height inside this new container, instead of the top parent group with other elements.

paul.wilson · 2025-01-16T12:32:55.214Z

Apologies for the poor quality gif, hadn’t realised how blurry it was.

Your suggestion has indeed done the trick. I thought it was already within a group I was manipulating, but realised that group referenced the element above. Really appreciate your time.