-
Reply
I am having problems when I add a background to my footer. It does't seem to stretch across till the end of the page. Since I added in this CSS styling to my website everything has stretched across till the end of the page which Is what I wanted except the footer.
.row {min-width:100% !important;
<div style= "background: #5D5D5E"class="wrapper"> <footer class="row"> <div class="large-12 large-centered columns"><hr> <div class="row"> <div class="large-12 columns"> <ul class="inline-list large-6 columns large-centered "> <li><a style= "color: orange;"href="index.html">Home</a></li> <li><a href="faq.html">FAQs</a></li> <li><a href="contact.html">Contact Us</a></li> </ul> </div> <div class="large-12 columns"> <p>© 2014 F-Sharp Media Ltd. Registered company in England, No. 09074355. All Rights Reserved.</p> </div> </div> </div> </footer> </div>

your footer code seems to be stretching 100% for me
here is the codepen with your code:
http://codepen.io/asif999/full/FyDCE/
the issue might be elsewhere. check to see if the footer wrapper is a child of another element which is causing the width to be restricted. like maybe the wrapper is inside another div with some width.