Adapt Perfect Background Image to Display Site Pages?

[sfoshee]

OK, this is what I did.

body {
    overflow: scroll;
}

#colophon {
    bottom: 0;
    font-size: 13px;
    height: 35px;
    position: fixed;
    padding: 0 30px;
    margin-bottom: 65px;
    width: 100%;
}

This gives me a fixed menu at the bottom so each page looks the same. So far so good. Now my last problem appears to be that the menu is now clear and the text from the legal page runs right through it. The Drop downs on the menu still have a white background for some reason, however. The text should scroll in its entirety above the bottom menu, and the menu should have a white background, not clear. What am I missing?

Thank you all so very much.

[sfoshee]

The entire footer appears to be clear.

[sfoshee]

Thanks for your input everyone. OK, I finally got the issue resolved. I hope it helps someone else out there. I’m in WordPress Decode theme. This floats the bottom custom menu at the bottom (in the footer), turns its background white, and sets padding so the page text scrolls above it without going behind it. I set the height at 57 so mu menu buttons would show in mobile.

body {
    overflow: scroll;
}

#colophon {
    background: white;
    bottom: 0;
    font-size: 13px;
    height: 57px;
    position: fixed;
    padding: 0 30px;
    margin-bottom: 0;
    width: 100%;
}

.entry-content {
    padding-bottom: 30px;
}

[Author]

Posts