Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

Footer Doesn't Stick to Bottom of Page

footer
    • 10 years, 2 months ago SpecularUser
      Participant

      Expired

      I’m having an issue where on certain pages that don’t have a lot of content, the footer doesn’t stick to the bottom of the page, and instead sits in the middle of the page. The issue corresponds to how much content on the page – is there a way to fix this through CSS or otherwise?

    • 10 years, 2 months ago Mirela
      Participant

      hello,
      Please add these lines into your custom css box:

      .footer_wrapper {
      position: fixed !important;
      }

      Best regards!

    • 10 years, 2 months ago SpecularUser
      Participant

      Expired

      This makes the footer stay in a static position on screen, always visible when scrolling – is there any way to make it so that the footer is only visible when the user scrolls to the bottom of the page? The issue I was having is that, on pages with very little content, the footer would appear in the middle of the page with white space below it. Thank you.

    • 10 years, 2 months ago Ruco
      Keymaster

      Hello,

      Sorry, can you show us your site url? It happens when you have not added any content on page or few content.

      Best regards!

    • 10 years, 2 months ago SpecularUser
      Participant

      Expired

      This reply has been marked as private.
    • 10 years, 2 months ago Ruco
      Keymaster

      Hello,

      Because you have added the custom css code to make the footer fixed, I can’t see the issue. Please can you remove the code?
      Or write your credentials in a private reply.

      Best regards!

    • 10 years, 2 months ago SpecularUser
      Participant

      Expired

      This reply has been marked as private.
    • 10 years, 2 months ago Mirela
      Participant
      This reply has been marked as private.
    • 10 years, 2 months ago SpecularUser
      Participant

      Expired

      This reply has been marked as private.
    • 10 years, 2 months ago Ruco
      Keymaster

      Hello,

      Sorry for the late response.
      I added some custom css code. Please give it a look and let me know.

      Best regards!

    • 9 years, 5 months ago atbcreative
      Participant

      Expired

      hi, i too need this fix, for pages with little content…

      the css:  .footer_wrapper {position: fixed !important;}  is great until you have page with a lot of text, then it covers it.

      Do you have CSS to make the footer work as require above please???

    • 9 years, 5 months ago Mirela
      Participant

      Hello,

      Please add this code into your custom css box:

      #content {
          min-height: 750px;
      }

      Best regards!

Viewing 11 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password