I'm working on a website and I've noticed that at the end of the footer, there is a large block of white space that shouldn't be there. I've tried adjusting the HTML and CSS code, but nothing seems to fix the issue. Strangely, other pages on the site with the same footer code don't have this problem.
I suspect it might not be a CSS problem since other pages are working fine. Perhaps it's an error in how I'm closing my divs. Hopefully, another set of eyes can spot the mistake. Thank you!
<footer id="site-footer">
<section>
<div class="container">
<div class="row">
<div class="clearfix">
<div class="hidden-phone">
<div class="span3 widget text-3 widget_text">
<div class="widget-inner">
<div class="textwidget">
<div style="text-align:center;">
<img src="images/2014/10/logo.png">
<h3>Apparel</h3>
<hr>
<p>Meet LA Apparel, a beautiful boutique with remarkable details.</p>
</div>
</div>
</div>
</div>
</div>
<h1>------------Collections Go here----------</h1>
<div class="span12 social-icons clearfix">
<hr>
<h4><small>CONNECT WITH US:</small></h4>
<a target="_blank" href="http://www.facebook.com" class="tip" data-toggle="tooltip" data-html="true" data-placement="bottom" title="Find us on Facebook"><i class="icon-facebook"></i></a>
<a target="_blank" href="http://www.twitter.com" class="tip" data-toggle="tooltip" data-placement="bottom" title="Find us on Twitter"><i class="icon-twitter"></i></a>
<a target="_blank" href="http://www.linkedin.com" class="tip" data-toggle="tooltip" data-placement="bottom" title="Find us on LinkedIn"><i class="icon-linkedin"></i></a>
<a target="_blank" href="http://www.pinterest.com" class="tip" data-toggle="tooltip" data-placement="bottom" title="Find us on Pinterest"><i class="icon-pinterest"></i></a>
</div>
</div>
</div>
</div>
<HR>
<div class="span12 clearfix">
<p class="pull-left">©LA Apparel</p>
</div>
</footer>
</section>
</body>
</html>
#site-footer {
background-color: #ecf0f1;
padding: 40px 0 15px;
position: relative;
}
#site-footer a {
color: #2980b9;
}
#site-footer a:hover {
color: #ae9e90;
}
#site-footer #category-accordion > li a.accordion-collapser {
font-size: 14px;
font-weight: 300;
}
#site-footer #category-accordion > li > ul > li > a {
font-size: 13px;
padding: 1px 6px;
}
#site-footer #category-accordion > li > ul > li:last-child > a {
padding-bottom: 10px;
}
#site-footer h4 {
margin-top: 0px;
}
#site-footer .social-icons a {
padding: 5px;
}
#site-footer p {
font-size: 14px;
line-height: 20px;
}
#site-footer hr {
border-color: #F3F3F3 -moz-use-text-color #E3E3E3;
border-top: 1px solid #333;
border-bottom: 1px solid #212625;
}
#site-footer .blog-posts article {
border-bottom: 1px solid #E3E3E3;
padding: 10px 0 0;
}
#site-footer .blog-posts article:first-child {
padding-top: 0px;
}
#site-footer .blog-posts article:last-child {
border-bottom: none;
}