Full width footer no longer responsive? #109

richardthiru opened this Issue Mar 6, 2013 · 4 comments

2 participants


Hi there,

When I modified the theme to use a full-width footer, I noticed that content I put in the footer would no longer move/scale to the other browser sizes. Any idea how I can remedy this?


Do you have the footer in a container-fluid and then are you placing row-fluid inside the container?


I thought that would have did it, but it didn't keep the content in the 940px container.

 * Default Footer
 * @package WP-Bootstrap
 * @subpackage Default_Theme
 * @since WP-Bootstrap 0.1
 * Last Revised: July 16, 2012
    <!-- End Template Content -->
<div class="container-fluid">
<div class="row-fluid">

<div class="footer-content">

<div id="footer-icons">
    <a href="#"><img src="http://www.peopleforgood.ca/revamp/wp-content/uploads/2013/03/icon_small_app.png"></a>
    <a href="#"><img src="http://www.peopleforgood.ca/revamp/wp-content/uploads/2013/03/icon_small_youtube.png"></a>
    <a href="#"><img src="http://www.peopleforgood.ca/revamp/wp-content/uploads/2013/03/icon_small_fb.png"></a>
    <a href="#"><img src="http://www.peopleforgood.ca/revamp/wp-content/uploads/2013/03/icon_small_pinterest.png"></a>
    <a href="#"><img src="http://www.peopleforgood.ca/revamp/wp-content/uploads/2013/03/icon_small_twitter.png"></a>

    if ( function_exists('dynamic_sidebar')) dynamic_sidebar("footer-content");
    </div></div></div> <!-- /container -->
<?php wp_footer(); ?>


Notice anything wrong with my footer code?


You need a parent container that holds everything.

If you are using 940px as your width for your content you can write the css rule two ways:

.parent-container {
max-width: 940px;


.parent-container {
max-width: 92%;


Thank you very much for the help! That did it.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment