Menu icon Foundation
Foundation- Footer background colour wont stretch to the end of the page

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>
            

         

F

htmlcssFoundationfooter

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>
            

         

F
Asif over 5 years ago

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.