Footer

[marshall]

Hey everyone,

I have put a small, copyright footer on my website--the problem is that it falls behind my menu bar at the bottom, and so cannot be seen. Anyone know how to fix this, and bring it to the front of the menu bar? I would also like to make the footer sticky, and would be grateful if anyone could help me out with that as well :))

Thank you!

[marshall]

Hey everyone,

I have figured out how to make the footer fixed (although it still remains behind the menu bar--any code to bring it to the front would be great). One other thing I was wondering about was how to make the footer remain on the screen (like the site title) when going from page to page--right now it is fading in and out when you transition from screen to screen.

https://www.petermarshall-photography.com/

Thank you!

[mariusjopen]

Hey @marshall

try this in the CUSTOM CSS:

#footer-region {
    z-index: 1000;
}

Best!

Marius

[marshall]

Hey @mariusjopen

Thanks! It works, but now the menu disappears when you scroll down, or can't be seen when you go on the contact page. Do you know anything that might rectify this?

Cheers!

[mariusjopen]

Dear @marshall
try this as well

#footer-region {
    z-index: 1000;
    background: none !important;
}

Best!

Marius

[marshall]

Hey @mariusjopen ,

Thanks, but now the links in the menu don't work if you scroll to the bottom! Any ideas?

Thanks for all the help!

[mariusjopen]

Hey @marshall

try this:

#footer-region {
    z-index: 1000;
    background: none !important;
    pointer-events: none;
}

Best!

Marius

[marshall]

Thank you, that seems to have got it! However, the footer doesn't seem to work on safari-I was wondering if there was something I could put in to fix it?

Also, I was wondering if there was any code to stop the footer reloading every time the website goes onto another page? Right now it fades in and fades out with every page.

Thank you!

[mariusjopen]

Dear @marshall

1. Yes. You can try this:

#footer-region {
z-index: 1000;
background: none !important;
position: fixed;
width: 100vw;
bottom: 0px;
}

No. There is no option.

Hope I could help!

Best!

Marius

[marshall]

Great! Thank you very much for all the help!

[mariusjopen]

Dear @marshall
you are very welcome.

Best!

Marius

[rm4000]

@marshall how did you get it to be fixed?