# Disabling responsiveness in main.css

**URL:** https://discourse.roots.io/t/disabling-responsiveness-in-main-css/542
**Category:** uncategorized
**Created:** 2013-10-15T14:49:54Z
**Posts:** 5
**Showing post:** 2 of 5

## Post 2 by @enollo — 2013-10-15T18:03:12Z

Have you looked at [my response](http://discourse.roots.io/t/remove-responsive/231/3) in the thread you mentioned?

It provides an in-depth way of doing this with Bootstrap 3 and Roots 6.5.0 (both current releases)

I’ve pasted it below for your convenience:

* * *

[http://getbootstrap.com/getting-started/#disable-responsive](http://getbootstrap.com/getting-started/#disable-responsive)

In `templates/head.php` remove

```
<meta name="viewport" content="width=device-width, initial-scale=1.0">
```

In `assets/less/app.less` add:

```
.container {
   max-width: none !important;
   width: 970px;
}
```

In `header-top-navbar.php` remove `button.navbar-toggle` (line 4 to 9) and remove `.collapse` and `.navbar-collapse` classes from the `<nav>` element. It should look something like this when you are done:

```
<header class="banner navbar navbar-default navbar-static-top" role="banner">
  <div class="container">
    <div class="navbar-header">
      <a class="navbar-brand" href="<?php echo home_url(); ?>/" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>">
      	<?php bloginfo( 'name' );?>
      </a>
    </div>

    <nav role="navigation">
      <?php
        if (has_nav_menu('primary_navigation')) :
          wp_nav_menu(array('theme_location' => 'primary_navigation', 'menu_class' => 'nav navbar-nav'));
        endif;
      ?>
    </nav>
  </div>
</header>
```

In `lib/config.php` change the grid classes from `.col-sm-*` to `.col-xs-*` (lines 24, 27, 37)

```
/**
 * .main classes
 */
function roots_main_class() {
  if (roots_display_sidebar()) {
    // Classes on pages with the sidebar
    $class = 'col-xs-8';
  } else {
    // Classes on full width pages
    $class = 'col-xs-12';
  }

  return $class;
}

/**
 * .sidebar classes
 */
function roots_sidebar_class() {
  return 'col-xs-4';
}
```

Let me know if I missed anything and I will update this post.

Hope this helps

---

_[View the full topic](https://discourse.roots.io/t/disabling-responsiveness-in-main-css/542)._