Streaming live at 10am (PST)

Sticky footer doesn't show


Hi guys,

I'm having this sticky footer problem. I would like it to stick to the bottom but send back to the bottom layer. As it is now it doesn't pop up when I scroll down. Hope this makes sense:-)

Here is my public share link:

Footer is revealed as you scroll to bottom?

Anyone? Pretty please :slightly_smiling:


What do you mean by "set back to the bottom layer"?


like in this site for example (the footer):


This website also uses it:

Is there maybe someone who can help me out here?


1.Wrap your content in a Div and set the position to “relative”. Set it to “top” and give the z-index “10”.
2. As for the footer section, set the position to “relative" as well and give it a height maybe around “400px” and wrap your footer container into another Div and set the position to “fixed/bottom”.

Hope this solves your query. Let me know if you have anymore questions.



Hi Textileranch,

Thank you for the response. It still doesn't work however. I did exactly what you advised but it is still not visible:

Other tips?


Hi Goderd,

I think my instructions was a bit unclear. Check the screenshots below to achieve that effect your after.






Thank you textileranch! Works perfect now!

Again, many thanks!

closed #10

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