Full width footer no longer responsive?

[richardthiru]

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?

[mojaray2k]

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

[richardthiru]

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

<?php
/**
 * Default Footer
 *
 * @package WP-Bootstrap
 * @subpackage Default_Theme
 * @since WP-Bootstrap 0.1
 *
 * Last Revised: July 16, 2012
 */
?>
    <!-- End Template Content -->
      <footer>
<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>
</div>

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

  </body>
</html>

Notice anything wrong with my footer code?

[mojaray2k]

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;
}

or

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

[richardthiru]

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