Am working on a website and for some strange reason the footer isn’t matching to my demo footer. I have deleted the theme and re-uploaded it, gone through the code and still no luck
I want the footer of this website to extend like the footer on the demo.
You need to take a peek at the source code via your browser’s inspector. There you’ll see that the .footer-widgets div is stuck within an #inner div that has a set width, while this is not the case on the demo site.
The problem is not in the style sheet but in the actual HTML itself. The HTML on your actual site isn’t identical to the code on the test site. Copy and paste the code from the dev server to you actual site and that should resolve your problem.
OK, checking that theme’s demo page, it’s clear that there are coding errors that are causing the footer to get stuck inside the “inner” div. That will be due to the errors I linked to above.
Are you touching the code in any way? Because something is messing it up. Please check the validator link I gave you above and see if you can address the issues shown there.