Footer with bottom menu is clear and text is running through it

  • Resolved Scott Foshee

    (@scott-foshee)


    10 years, 6 months ago

    I have a fixed menu at the bottom of the page in the footer. This is fine, but with pages on my site where the text is too long to stay above the fold, the text runs right through the now clear footer. Strangely, the drop downs on the menu have a white background while the rest of the menu in the footer remains clear. The page text should scroll in its entirety above the footer, and the footer can be white instead of clear. Here is a page on the site which shows this:

    https://lallabee.com/wordpress/?page_id=373

    The code that got the menu fixed on the bottom is this:

    body {
overflow: scroll;
}

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

    I am using the Decode theme in WordPress.

    Any help you may have would be greatly appreciated.

Viewing 1 replies (of 1 total)
  • Thread Starter Scott Foshee

    (@scott-foshee)

    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;
}
Viewing 1 replies (of 1 total)
  • The topic ‘Footer with bottom menu is clear and text is running through it’ is closed to new replies.