Streaming live at 10am (PST)

Sticky footer doesn't show


#1

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:

https://preview.webflow.com/preview/iamreddog-a27bbfa882f3782-fffe4001ef54c?preview=6f4573677f9e76ebabfe8df48a3e9089


Footer is revealed as you scroll to bottom?
#2

Anyone? Pretty please :slightly_smiling:


#3

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


#4

like in this site for example (the footer):

https://fieldnotesbrand.com/


#5

This website also uses it:

http://sulu.io/en

Is there maybe someone who can help me out here?


#6

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.

Cheers!


#7

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:

https://preview.webflow.com/preview/iamreddog-a27bbfa882f3782-fffe4001ef54c?preview=6f4573677f9e76ebabfe8df48a3e9089

Other tips?


#8

Hi Goderd,

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

1.

2.

3.

Cheers!


#9

Thank you textileranch! Works perfect now!

https://preview.webflow.com/preview/iamreddog-a27bbfa882f3782-fffe4001ef54c?preview=6f4573677f9e76ebabfe8df48a3e9089

Again, many thanks!


#10

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