How do I set up my page so that the footer appears on the bottom of each section? Currently the scrolling sections work, but the footer is the last 50 px. It’s kind of weird to scroll the last 50px to get to the footer. Does anyone have a recommendation so that the footer sticks to the bottom of the page, no matter what section you are viewing?
Here’s the link to my codepen:
Let me understand you, so you want a sticky footer.
You should try with this
.footer{
position: fixed;
left: 0;
bottom: 0;
width: 100%;
}
Thank you, I don’t know why I had problems with that - it’s too simple! Appreciate your help
You can also use bootstrap navbars as footers, look quite nice I think.
Read the documents regarding placements
Thank you, these are nice!