Floating Footer

  1. MDB Home Page
  2. Support Main Page
  3. General Bootstrap questions
Topic: Floating Footer

aurpine asked 8 years ago

A page temporarily has very little content. As a result, the footer floats in the middle of the page. Is there an easy fix for this? Should I just pad lines to guarantee that the page is long enough? Or is there a cleaner fix? I would like to refrain from using a fixed footer. Thanks.

Michal Szymanski staff pro premium priority answered 8 years ago

Hi, send me your code at m.szymanski@mdbootstrap.com I'll take a look at it and propose some solution.

aurpine answered 8 years ago

I sent the code. Thanks!

jmesserer pro answered 8 years ago

Any update on how this was fixed? Same problem ... page with very little content causes footer to float. Using MDB PRO 4.1.1. Floating Footer

aurpine answered 8 years ago

I used this tutorial and modified some code. You just need to add a "wrapper" div to the whole body and hard-code the height of the footer. It's not the best solution, but it works.

Leo Merkel pro answered 8 years ago

Try this: https://gist.github.com/Lego2012/5d6a619ca5d0c81e4cd2b1c80a780e9c
Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags
floating-footer-fixed-bottom
Related topics
0
Tooltips are not working on Fixed and Floating Buttons
0
Footer Problems Resizing
About author
aurpine
14Support score
4Questions 2Answers
0Snippets likes 0Snippets