Why is the footer fixed?

Using the Renew stack with a Pro footer, I notice the footer is fixed at the bottom of the page, so when a user scrolls down, the page content overlaps the footer. Upon examining the CSS, I see this:

footer.x-colophon {
position: fixed;
width: 100%;
bottom: 0;
}

I was able to fix it by overriding the CSS and unsetting the position attribute, but I’m wondering why this is the default setting? We shouldn’t have to manually hack the CSS to prevent page content from overlapping the footer.

Hello Brad,

Thanks for writing in!

By default, the footer is not fixed. It appears that you may have added the code:

footer.x-colophon {
position: fixed;
width: 100%;
bottom: 0;
}


in X > Theme Options > CSS (http://prntscr.com/evui3r).

Please check it out and remove it completely.

You were absolutely right, thank you!

You are most welcome. :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.