Increase the width at which Bootstrap navbar collapses to 1230px.

themes/farm_theme/css/style.css

@@ -12,6 +12,48 @@
   padding-top: 5px;
 }
 
+/**
+ * Increase the width at which Bootstrap navbar collapses to 1230px.
+ * https://stackoverflow.com/questions/18192082/bootstrap-3-navbar-collapse
+ */
+@media (max-width: 1230px) {
+  .navbar-header {
+    float: none;
+  }
+  .navbar-toggle {
+    display: block;
+  }
+  .navbar-collapse {
+    border-top: 1px solid transparent;
+    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
+  }
+  .navbar-collapse.collapse {
+    display: none!important;
+  }
+  .navbar-nav {
+    float: none!important;
+    margin: 7.5px -15px;
+  }
+  .navbar-nav>li {
+    float: none;
+  }
+  .navbar-nav>li>a {
+    padding-top: 10px;
+    padding-bottom: 10px;
+  }
+  .navbar-text {
+    float: none;
+    margin: 15px 0;
+  }
+  /* since 3.1.0 */
+  .navbar-collapse.collapse.in {
+    display: block!important;
+  }
+  .collapsing {
+    overflow: hidden!important;
+  }
+}
+
 /**
  * Reset calendar class width in menu.
  */