Talking HTML

Talking HTML


Eps 35: Fixed Position Footer

April 25, 2018

What is a fixed position footer?

The concept of taking a footer that more than likely doesn’t sit at the bottom of a screen comfortably and forcing it to stay put at the bottom of the screen.
This is ideal if you have information there that you would like people to have a constant view on. Ie, social links, navigation links, contact information

<footer id=”footer”>
Content goes here.
</footer>
#footer {
  position:fixed;
  left:0px;
  bottom:0px;
  Height:30px; <!–Is it needed? Play around with it –>
  width:100%;
}
Flexbox – via CSS Tricks by Chris Coyier
Twitter
@SchaffenCreate
@tommnorman
Website: https://www.schaffencreative.com