Best method of placing a footer at the bottom of a page

What do you suggest is the best way to place a footer at the bottom of the page? I already have a Container for the whole page which contains the Navigator and banner but the rest of the page is empty. What I am looking to create is a basic design for every page including a footer, make a Global of it which I can then use on every other page.

Yes, exactly, make it a global and place it on every page!

Here’s a quick video showing the basics of using Globals. let me know if you have any further questions.

The free fitness example project has a global footer and is a great example of this.

https://marketplace.realmacsoftware.com/elements/projects/fitness

Sorry, you missed my main point. I will repeat. What do you suggest is the best method to place a footer at the bottom of a page? Or does my question just show a basic lack of understanding.

What I would do is use a Container, put whatever you want to include in the footer in the container and style as you’d like. Then make that a Global, and put at the end of each page.

I think what he means is, that the footer is on the bottom page no matter the content size.

If it is the last element placed on the page, it should be always at the end.

At the end yes … but not at the bottom of the screen. Anyway let see what @paulcruice really wants :smiley:

I put a footer fixed to the bottom of the screen with
CSS Class: fixed bottom-0
Margin: Auto for horizontal

Hope that helps

1 Like

Nicolas, I think my comment about showing a basic lack of knowledge is probably the issue. I am looking to create a Global which will go on every page. But what I don’t think I have understood, is that as I add more to the middle of the page my footer will automatically find itself on the bottom of the page.

2 Likes

Glad you solved it :smiley: