Fixed section at the bottom of the page

Design help General
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)

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

2580×1788 1.18 MB

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

1 Like
10

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