Streaming live at 10am (PST)

Sticky Footer Flexbox Stuff


#1

So, I’m looking at the sticky footer flexbox videos and I’m having trouble figuring out how to get this footer to stick to the bottom of the page. The settings in the flex layout are not the same as they were when the video was created so i’m not sure where to look. There is nothing that says “fill space” for the content section above the footer.

Thanks,


https://preview.webflow.com/preview/practice-c1882d?preview=f0a287d7e2467a66d6fc407e4dcb23dc


#2

This example is for sticky footer (not fixed but "always at the bottom even if the page content is short).

Steps (follow the video but this is the “new” UI):

  1. Put site content inside page-wrapper (you missing this step). How? manually indent the content (drag and move to the right):
    image

  2. Add styles to “page-wrapper” (NEW UI click on the image - and follow the red areas):

  3. Add expand to the content area (in your site you should add this “content wrapper” - so you have "1.nav // 2.Content area with “expand” // 3. footer)


#3

Thank you helping me with this.


#4

Your welcome. If you succeed - mark as solution to close this issue (and for future searches).


#5

Hi Siton,

I messed this thing up again. On the appointment page. I can’t seem to figure out what I did to have the texting run into the footer section. Would you mind looking at it for me again?

https://preview.webflow.com/preview/practice-c1882d?preview=f0a287d7e2467a66d6fc407e4dcb23dc

Thank you.


#6

I’m not seeing a problem on the appointment page. Could you post a screenshot of the issue you’d like to correct?


#7

Thank you for your reply. I actually just found the issue. I had a child set to min 100vh and max 100vh, when I removed that it fixed the issue.


#8

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.