How to fix content scrolling over fixed footer? I'd like the content to scroll top and behind footer. Thanks

---

Dear @ECCS

Hi, If you can post a link to your website that would be great to see what is needed :)

Best
Richard

@ECCS I did this yesterday to my footer. I have a transparent, fixed footer and the content is scrolling behind it. This is what I put in my CSS:

.slug-release #footer-region {
position: fixed;
background:transparent;
bottom: 0;
z-index: 999
}

Breakdown:

1. .slug-release – release is the name of the page the footer should appear on. Leave .slug– and add the name of your page afterward.
2. position: fixed – footer is always at the bottom of the browser
3. background: transparent – footer background is transparent. You can put any color here.
4. bottom: 0 – put this to zero and layout your grid in the footer page.
5. z-index: 999 – this puts the footer to the front on top of all the content

Hope this helps. I am sure there are different ways to do it but this is how I did it. I don't have a lot of CSS knowledge.

Cheers,
Louis

@Richard-K
https://chowesther.com/

I just added the following to the custom CSS but I'm sure there's something else to add to clear the issue

#footer-region{
position: fixed;
bottom: 0;
left: 0;
width: 100%;
}

@Louis-josek said in How to fix content scrolling over fixed footer? I'd like the content to scroll top and behind footer. Thanks:

.slug-release #footer-region {

Thank You, for the code and elaborating. It worked :)