Used Flexbox to keep footer at the bottom. Now have a funny Contact us page as a result

Hi there,

We tried various suggestions on the forum to keep the footer at the bottom of the page when there isn’t enough content to force it to stay at the bottom. The only solution that seems to work for us is to use a flexbox.

We followed the instructions from this Webflow video: Make a sticky footer using flexbox — Webflow tutorial - YouTube

As we changed the display from Block to Flex following the video, our Contact Us page looks narrow. We had it set in the size that we had wanted before using flex on our body. Now, we cannot adjust the size of the Contact Us container…

Would anyone be able to let us know what we can do to fix this please? Thank you :slight_smile:


Here is my site Read-Only: LINK

Hi,

seems like you’ve added a fixed width of 230px on the “Contact-form-background” div. Entering a higher width will expand the whole “Contact Us”-Container.

Oh right. Our bad for not noticing it ourselves. Thanks!!