Foundation
-
FollowReply
-
Foundation- Footer background colour wont stretch to the end of the page
byYasser Khan Tuesday, August 12, 2014 at 6:04 AM EST
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.