After spending a considerable amount of time, I managed to make my footer responsive by sticking it to the bottom of the page regardless of which page you are on. The code that achieved this is as follows:
position: absolute;
bottom: 0;
However, the issue I am facing now is that on certain pages, the footer gets stuck in the middle instead of staying at the bottom. It seems that the footer div
does not properly recognize the wrapper (body) div
above it on these specific pages. Consequently, the footer stops at a certain point while the body keeps expanding.
An example of this problem can be seen at
I believe there is a simple solution in the form of a line or two of CSS
that will resolve this issue. Any assistance would be greatly appreciated!