How to make footer fixed to the bottom of the screen?

  • Resolved carlblanchet

    (@carlblanchet)


    8 years, 3 months ago

    Hi there. I would like to have my footer be always visible at the bottom of the screen. Just like the header when sticky. How would I achieve this?

    Thanks,
    Carl

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi Try with below code

    .footer{
position:fixed;
bottom:0;
}

    There are few more requirement to fix your layout while try to fix it.

    Keep a space by adding margin-bottom:same height as your footer on upper div.

    thanks.

    Thread Starter carlblanchet

    (@carlblanchet)

    Hi @wsaiful, thank you very much for your help ?? what ended up working is:

    .site-footer{
	position: fixed;
	bottom: 0;
  	left: 0;
  	right: 0;	
}
    • This reply was modified 8 years, 3 months ago by carlblanchet.
    • This reply was modified 8 years, 3 months ago by carlblanchet.

    Hi carlblanchet,
    happy to see your issue solved!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to make footer fixed to the bottom of the screen?’ is closed to new replies.

Tags