Footer

[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?

[rlanguillat]

#footer-region{
position: fixed;

?