Does anyone know how to 'fix' the footer at the bottom of your site?
My footer seems to sit where the end of the product/section list content ends. Therefore, when there is little content on the page, the footer moves up so is directly below the product or section boxes.
As I have side-banner section containing a side menu etc. it will not sit below this unless there is enough content on the page.
This could be tricky making sure there is enough content on every page to make it sit in the right place!
The only other way I have been able to put the footer down the bottom is with a full-width fragment layout which makes the fragment sit below the end of the left side-banner area.
The problem with this is that it leaves a gap if there are not enough products or sections to fill it.
I have looked at a few 'sticky footer' css tutorials, which mostly talk about changing the CSS for the footer, body, container etc. but I can't seem to apply the theory to my site!
If anyone has any idea I would be so grateful! I have attached a word document to this post with scree shots of the various pages, showing where the footer sits. I have also included the code in the CSS for the footer and in my main layout.
My footer seems to sit where the end of the product/section list content ends. Therefore, when there is little content on the page, the footer moves up so is directly below the product or section boxes.
As I have side-banner section containing a side menu etc. it will not sit below this unless there is enough content on the page.
This could be tricky making sure there is enough content on every page to make it sit in the right place!
The only other way I have been able to put the footer down the bottom is with a full-width fragment layout which makes the fragment sit below the end of the left side-banner area.
The problem with this is that it leaves a gap if there are not enough products or sections to fill it.
I have looked at a few 'sticky footer' css tutorials, which mostly talk about changing the CSS for the footer, body, container etc. but I can't seem to apply the theory to my site!
If anyone has any idea I would be so grateful! I have attached a word document to this post with scree shots of the various pages, showing where the footer sits. I have also included the code in the CSS for the footer and in my main layout.
Comment