Sticky Footer Bar

  • Resolved Terry J

    (@texasbiz)


    2 years, 1 month ago

    Hello.

    When a page/post does not have enough content, the footer does not stay at bottom of the post/page. Example:

    View post on imgur.com

    Could you share way to make footer sticky to bottom?

    Looks really bad and unprofessional when not sticky, but I am of the picky sort:)

    Thank you in advance for solution.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter Terry J

    (@texasbiz)

    Darn it, when I did a forum search, misspelled “sticky” and did not see the question already asked.

    Sorry.

    If anyone else comes across this, the solution is custom css:

    div#wrap {
    min-height: 100vh;
}
footer#footer {
    position: absolute;
    width: 100%;
    bottom: 0;
}

    Found at https://www.ads-software.com/support/topic/footer-is-not-sticky-at-the-bottom-of-the-page/

    • This reply was modified 2 years, 1 month ago by Terry J. Reason: code
    Thread Starter Terry J

    (@texasbiz)

    Actually, not working so great after further inspection.

    View post on imgur.com

    The footer is covering part of the content.

    Quick solution was to change bottom: 0; to bottom: -60px; but not satisfied this is correct way. Looks bad on mobile and covers part of page content.

    Any input appreciated; I am not a css guru ??

    • This reply was modified 2 years, 1 month ago by Terry J.

    Hello @texasbiz,

    In this case, you do not need any CSS. Please remove them, then navigate to Customizer > Footer Widgets, find and enable the “Fixed Footer” option; Please check this screenshot: https://i.postimg.cc/QMY8hP6j/image.png.

    I hope that helps.

    Best Regards

    Thread Starter Terry J

    (@texasbiz)

    Thank you @skalanter, awesome! That works without fumbling with CSS code. So many settings (which is good thing), that I overlooked it.

    Never used OceanWP up until month ago but it is becoming my favorite here at WP org.

    Hello,

    You’re welcome. Glad it helped.
    Your satisfaction is our pleasure.
    Please feel free to contact us if you have any questions.

    Best Regards

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Sticky Footer Bar’ is closed to new replies.