title: Bootstrap menu not displaying properly in mobile mode
body: <p>Hello all i have this navigation working on. Everything is OK desktop mode but in mobile the nav breaks. can this propblem be solve if I use the @media css option on the header div.</p>
  
  <p>Please see the following code fo the nav menu:
  Please also note that i am using bootrap cdn.</p>
  
  <p>
                  
                       </p>
  
  <pre><code>             &lt;span class="header-info phone"&gt;&lt;i class="fa fa-phone fa-lg"&gt;&lt;/i&gt; Call Us: 0800 123 456 789&lt;/span&gt;      &lt;span class="header-info email"&gt;&lt;i class="fa fa-envelope-o fa-lg"&gt;&lt;/i&gt; mail@yoursite.com&lt;/span&gt;  
                 &lt;/div&gt;
                  &lt;div class="navbar-header"&gt;&lt;a class="navbar-brand" href="#"&gt;TAJ&lt;/a&gt; 
                    &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-menubuilder"&gt;&lt;span class="sr-only"&gt;Toggle navigation&lt;/span&gt;&lt;span class="icon-bar"&gt;&lt;/span&gt;&lt;span class="icon-bar"&gt;&lt;/span&gt;&lt;span class="icon-bar"&gt;&lt;/span&gt;
                    &lt;/button&gt;
                &lt;/div&gt;
                &lt;div class="collapse navbar-collapse navbar-menubuilder"&gt;
                    &lt;ul class="nav navbar-nav navbar-right"&gt;
                        &lt;li&gt;&lt;a href="/"&gt;Home&lt;/a&gt;
                        &lt;/li&gt;
                        &lt;li&gt;&lt;a href="/products"&gt;Products&lt;/a&gt;
                        &lt;/li&gt;
                        &lt;li class="dropdown"&gt;&lt;a href="/about-us" class="dropdown-toggle" data-toggle="dropdown"&gt;About Us &lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
                            &lt;ul class="dropdown-menu" role="menu"&gt;
                                &lt;li&gt;&lt;a href="#"&gt;Test2&lt;/a&gt;
                                &lt;/li&gt;
                            &lt;/ul&gt;
                        &lt;/li&gt;
                        &lt;li class="dropdown"&gt;&lt;a href="/contact" class="dropdown-toggle" data-toggle="dropdown"&gt;Contact Us &lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
                            &lt;ul class="dropdown-menu" role="menu"&gt;
                                &lt;li&gt;&lt;a href="#"&gt;About&lt;/a&gt;
                                &lt;/li&gt;
                            &lt;/ul&gt;
                        &lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
  </code></pre>
  
  <p>Please see CSS for the nav menu.</p>
  
  <pre><code>.top_header{
       border-bottom: 1px solid #3bbbbc;
  
  
  }
  .header-info{
      color:999999 !important;
  }
  .header-info{
  
  
              line-height: 50px;
              padding: 0 30px 0 0;
              font-size: 13px;
  
  }
  
  .top_header{
  
      min-height: 50px;
  
  }
  
  #bst-bootstrap-menu.navbar-default .navbar-brand {
      color: rgba(119, 119, 119, 1);
  }
  #bst-bootstrap-menu.navbar-default {
      font-size: 14px;
      background-color: rgba(255, 255, 255, 1);
      height: 130px;
      border-color: transparent;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3)
  }
  #bst-bootstrap-menu.navbar-default .navbar-nav&gt;li&gt;a {
      color: rgba(68, 68, 68, 1);
      background-color: rgba(248, 248, 248, 0);
  }
  #bst-bootstrap-menu.navbar-default .navbar-nav&gt;li&gt;a:hover,
  #bst-bootstrap-menu.navbar-default .navbar-nav&gt;li&gt;a:focus {
      color: rgba(59, 187, 188, 1);
      background-color: transparent;
  }
  #bst-bootstrap-menu.navbar-default .navbar-nav&gt;.active&gt;a,
  #bst-bootstrap-menu.navbar-default .navbar-nav&gt;.active&gt;a:hover,
  #bst-bootstrap-menu.navbar-default .navbar-nav&gt;.active&gt;a:focus {
      color: rgba(59, 187, 188, 1);
      background-color: transparent;
  }
  #bst-bootstrap-menu.navbar-default .navbar-toggle {
      border-color: #3bbbbc;
  }
  #bst-bootstrap-menu.navbar-default .navbar-toggle:hover,
  #bst-bootstrap-menu.navbar-default .navbar-toggle:focus {
      background-color: #3bbbbc;
  }
  #bst-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
      background-color: #3bbbbc;
  }
  #bst-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
  #bst-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
      background-color: #fff;
  }
  </code></pre>
  
  <p>Please see images</p>
  
  <p><a href="https://i.stack.imgur.com/cfAEq.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/cfAEq.png" alt="Mobile look"></a></p>
  
  <p><a href="https://i.stack.imgur.com/l4W6P.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/l4W6P.png" alt="enter image description here"></a></p>