This topic is locked

Copywrite Footer

7/11/2022 3:39:10 AM
PHPRunner General questions
A
asawyer13 authorDevClub member

Can someone show me an example of footer code to show a copywrite at the bottom of each page on my app?

Thanks in advance,
Alan

Sergey Kornilov admin 7/11/2022

Can you explain what exactly causes the trouble? Can you add your code to the footer on the Editor screen?

fhumanes 7/11/2022

img alt

Regards,
fernando

A
asawyer13 authorDevClub member 7/12/2022

Thanks Fernando.

I think I may have messed up also. My landing page is a dashboard, but I don't have anything on it yet, so when I ran my app the footer was at the top.
My bad probably. If I had looked at other pages probably would have been fine.
I will confirm that tomorrow morning.
Alan

Sergey Kornilov admin 7/12/2022

So you know how to add the footer but don't know how to position it at the bottom of the page? Your mesage wasn't clear in this regard.

If positioning at the bottom is the issue then you can use a technique called "sticky footer". This a combinantion of CSS and HTML. HTML goes to the footer and CSS goes to Editor -> Custom CSS.

This article explains multiple ways of achieving this.

The actual code depends on how you want the footer to behave. You may want it to be at the bottom of your content, you may want it to stick to the bottom of the screen. Here is the sample footer HTML
<footer>## Sticky Footer</footer>

and sample CSS

footer {
position: fixed;
width: 100%;
bottom: 0;
box-sizing: border-box;
text-align: center;
}