Title: jebstern's Replies | WordPress.org

---

# jebstern

  [  ](https://wordpress.org/support/users/jebstern/)

 *   [Profile](https://wordpress.org/support/users/jebstern/)
 *   [Topics Started](https://wordpress.org/support/users/jebstern/topics/)
 *   [Replies Created](https://wordpress.org/support/users/jebstern/replies/)
 *   [Reviews Written](https://wordpress.org/support/users/jebstern/reviews/)
 *   [Topics Replied To](https://wordpress.org/support/users/jebstern/replied-to/)
 *   [Engagements](https://wordpress.org/support/users/jebstern/engagements/)
 *   [Favorites](https://wordpress.org/support/users/jebstern/favorites/)

 Search replies:

## Forum Replies Created

Viewing 1 replies (of 1 total)

 *   Forum: [Themes and Templates](https://wordpress.org/support/forum/themes-and-templates/)
   
   In reply to: [[Sparkling] Max page width?](https://wordpress.org/support/topic/max-page-width/)
 *  [jebstern](https://wordpress.org/support/users/jebstern/)
 * (@jebstern)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/max-page-width/#post-4942917)
 * I have a wordpress site that is most likely only used by me.
    If you have a business
   site or otherwise a site with many visitors, then this fix may not be so clever,
   since I havent tested it that much. But it is working nicely for me atleast; 
   both on a desktop computer and Galaxy S3 phone(I dont see any changes in the 
   responsive layout).
 * So the changes i made:
 * **themes/sparkling/header.php**
 * Changed “container” to “container-fluid”:
    Line 87: From: <div class=”container
   main-content-area”> To : <div class=”container-fluid main-content-area”>
 * Changed “col-md-8” to “col-md-10” so that the main content is wider
    Line 89:
   From: <div id=”content” class=”main-content-inner col-sm-12 col-md-8 <?php echo
   of_get_option( ‘site_layout’ ); ?>”> To : <div id=”content” class=”main-content-
   inner col-sm-12 col-md-10 <?php echo of_get_option( ‘site_layout’ ); ?>”>
 * **themes/sparkling/sidebar.php**
 * Changed “col-md-4” to “col-md-2” so that the sidebar is narrower
    Line 9: From:
   <div id=”secondary” class=”widget-area col-sm-12 col-md-4″ role=”complementary”
   > To : <div id=”secondary” class=”widget-area col-sm-12 col-md-2″ role=”complementary”
   >
 * You can ofcourse tune more of the other elements, but this was a fast and easy
   solution.
 * You can read more about Bootstrap grid system here:
    [http://getbootstrap.com/css/#grid](http://getbootstrap.com/css/#grid)

Viewing 1 replies (of 1 total)