Just need help figuring out how I can make my footer a sticky footer so its always after all the content and my background doesnt show up after the footer like it does on larger screens for some pages.
Also, on my Nav say on the homepage when your on the homepage I have orange bar underneath the page you are on but when I rollover other pages it shows up which I want but if your on home and roll over Home it shows up twice the border and nudges the slider down, any way I can edit my CSS to fix this issue.
Sticky footers are tricky, so you have to get the code right. Try to follow this tutorial carefully:
However, my preferred option is just to set the body background to the color of the footer, so if there’s space at the bottom, the footer color extends right down (in your case, orange). Then you have to put a white bg color on the main area, though.
This is probably a naive question, but why do you want to put a sticky footer on this site? The pages that I’ve looked at seem to be taller than most monitor windows, so the behavior of a sticky footer would never come into play. “Tips and Resources” and “Wood Fireplaces” might fit on a vertically oriented screen, maybe, depending on rez. Just curious.