Streaming live at 10am (PST)

Fixed section at the bottom of the page


#1

Hello

I wanted to know how can I apply a fixed footer that shows after the previous section pass by, here it is an example of what I'm looking for:

http://www.brandea.mx (look at the end of the page, last section)


Fixed footer interfering with the rest of the page's interactions
#2

Can anyone from @webflow or anyone give a hint on this? please!


#3

Here is the basic idea.

On your page, make two sections. One called "footer" and the other "everything-else".

Set the footer to 400px height, fixed, stuck to bottom, zindex 10.
Give the other div a dimension like 1500px height and a margin bottom of 400px and zindex 20.

Now the footer should be revealed like in your example.


#4

Thank you! @vincent the solution worked like a charm just one thing it's not margin but padding that has to be adjusted.


#5

Although I was reviewing it in different browsers and I noticed that in Chrome the Footer Section overlaps the other section backgrounds, can you take a look at the project and let me know why?

https://preview.webflow.com/preview/brandingipa?preview=813bdf776afcd2073152ab461f3a8ed5

Thank you in advance...


#6

Not sure what this means. It seem to work great even in the WF designer on chrome... Can you explain me again, and show me with a screenshot?


#7

Here's how its shown in Chrome

brandingipa.webflow.io


#8

I don't witness this, I have everything running as expected (ok) in Chrome Mac.


#9

Weird hehe, well I'll keep working on the website and hope everything goes ok. Thank you very much! @vincent


#10

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