How to keep footer at bottom of page?

  • Resolved ricolfrico

    (@ricolfrico)


    8 years ago

    Hi
    Can someone please help me? I can’t figure out for the life of me how to keep the footer from sliding up the page when there is little to no content available to push it down to the bottom. I need the footer to stay at the bottom of the page when there isn’t enough content to keep it down but I want it to continue to move past the viewport when there is enough content to start scrolling. I don’t want the footer to be fixed at the bottom. The footer is a module row with a navigation element that I created called footer.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author LiveComposer

    (@livecomposer)

    Hi there,
    Please, try to add this CSS code to your website:

    #dslc-main {
    min-height: 100vh;
}

    Change the number 100 to the best for your page.

    Thread Starter ricolfrico

    (@ricolfrico)

    Hey thanks for the reply. I used the Chrome devtools “Inspect” on the #dslc-main ID after I dropped the CSS code into My Custom CSS.
    #dslc-main {
    min-height: 100vh;
    }
    I did notice that the #dslc-main div is now full screen (It shows it highlighted in blue as I hover over it) but the elements unfortunately did not move from their original position. My Footer is still positioned up against the short content in the middle of the screen.
    Thank you for taking the time to offer a solution. If we can figure this out I will definitely give back to the LC community as I love this plugin! Thanks again!

    Plugin Author LiveComposer

    (@livecomposer)

    Did you create the footer using WP Admin > Appearance > Header/Footer?
    It looks like your footer is just part of the page…

    Can you please, send me address of the page we are talking about? It’s hard to make a right code snippet without looking at actual page.

    Thank you.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to keep footer at bottom of page?’ is closed to new replies.