title: Mobile bootstrap menu showing horizontal scrollbar
body: <p>I'm currently developing a Wordpress website using Bootstrap 3. For the navigation menu, I am using wp_bootstrap_navwalker. When I shorten the window width, I get the picture below:</p>
  
  <p><img src="https://i.stack.imgur.com/WsrgQ.jpg" alt="horizontal scrollbar showing in toggled menu"></p>
  
  <p>The mobile menu has a horizontal scrollbar. In addition, the menu is pushed to full width so it hangs right on the edge of the menu. In the Bootstrap menu demo, the menu links are indented.</p>
  
  <p>Here is my navbar code:</p>
  
  <pre><code>        &lt;nav class="navbar navbar-default navbar-fixed-top" role="navigation"&gt;
        &lt;div class="container"&gt;
          &lt;div class="navbar-header"&gt;
            &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"&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;a class="navbar-brand" href="&lt;?php echo home_url(); ?&gt;"&gt;&lt;img src="&lt;?php bloginfo('template_url'); ?&gt;/img/UCHURCH.png"/&gt;&lt;/a&gt;
          &lt;/div&gt;
          &lt;div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"&gt;
            &lt;ul class="nav navbar-nav navbar-right"&gt;
                  &lt;?php
                      wp_nav_menu( array(
                          'menu'              =&gt; 'header-menu',
                          'theme_location'    =&gt; 'header-menu',
                          'depth'             =&gt; 2,
                          'container'         =&gt; 'div',
                          'container_id'      =&gt; 'bs-example-navbar-collapse-1',
                          'menu_class'        =&gt; 'nav navbar-nav',
                          'fallback_cb'       =&gt; 'wp_bootstrap_navwalker::fallback',
                          'walker'            =&gt; new wp_bootstrap_navwalker())
                      );
                  ?&gt;
            &lt;/ul&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/nav&gt;
  </code></pre>
  
  <p>When I remove the wp_nav_menu and hardcode links, this is no longer an issue. So I know it has to do with the wp_nav_menu and the wp_bootstrap_navwalker. Can someone help me figure out how to make this horizontal scrollbar go away?</p>