White section at bottom of page

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).

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.

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

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.

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.

1 Like