Bootstrap 3导航菜单在响应时显示前2个列表项

Question

我已经搜索了高低的答案，但无济于事。我有一个沙箱网站www.bluestackbrewing.com

当您将其调整为移动设备时，会显示菜单项中的前两个列表。有谁知道如何解决这一问题？谢谢你的回复。

<div class="row nav-menu">
<div class="col-sm-3 col-md-2 columns">

</div>

<div class="col-sm-9 col-md-10 columns">
    <ul class="menu navbar-collapse">
        <li><a href="index.html">Home</a>
        </li>

        <li class="has-dropdown"><a href="pages/pronorm-german-kitchens.html">Pronorm German Kitchens</a>
            <ul class="subnav">
                <li><a href="pages/y-line.html">Y-LINE</a></li>
                <li><a href="pages/x-line-2.html">X-LINE</a></li>
                <li><a href="pages/proline.html">PROLINE</a></li>
                <li><a href="pages/classicline.html">CLASSICLINE</a></li>
            </ul>
        </li>

        <li><a href="pages/bespoke-kitchens.html">BESPOKE KITCHENS</a>
        </li>


        <li><a href="pages/storage-solutions-accessories.html">STORAGE SOLUTIONS & ACCESSORIES</a>
        </li>

        <li><a href="pages/contacta.html">Contact</a>
        </li>
    </ul>

    <ul class="social-icons text-right">
        <li>
            <a href="#">
                <i class="icon social_twitter"></i>
            </a>
        </li>

        <li>
            <a href="#">
                <i class="icon social_facebook"></i>
            </a>
        </li>

        <li>
            <a href="#">
                <i class="icon social_instagram"></i>
            </a>
        </li>
    </ul>
</div>