Footer not displaying correctly

  • Author
  • #128736

    On this page everything is displaying properly – footer is at bottom.

    But for some reason, on this page, the footer is moved up and there is a margin at the bottom

    Do you know what is causing this?

    Also I find that there seems to be a bug when using the customiser > widget editor. Sometimes when you make a change in one of the fields, the preview doesn’t update and the publish button isn’t able to be activated. I need to click somewhere else to make a change, delete it, and then the publish button can be activated. Other times, the preview seems to be in an infinite loop and the only way to stop is to refresh the page. Only appears to happen when using the organic widgets. Do you know what would be causing this?

    The blog I need help with is: (visible only to logged in users)

    Theme Author

    Hi Paul,

    This is most likely related to the length of the content on that page, and the screen you are viewing the website with.

    The footer for the theme is designed to display at the bottom of the page or post content. It is not designed to anchor to the bottom of the browser window. So, the footer is displaying as expected.

    As you can see in the screenshot, the footer displays as expected on smaller screens,

    If you would like to anchor the footer to bottom of the browser window, you could add the following style:

    .footer {
        position: absolute;
        bottom: 0;
        width: 100%;

    Or if you would like to anchor the footer to the bottom only on that particular page instead of across the entire site:

    .page-id-2510 .footer {
        position: absolute;
        bottom: 0;
        width: 100%;

    I hope this helps. Thanks!

  • The topic ‘Footer not displaying correctly’ is closed to new replies.