Materialize下拉菜单显示水平滚动条，而不是在文本较长时展开其父级。谁知道为什么？

Question

我似乎能够找到这里发布的问题并在gostrap中找到关于同一问题的google，但我无法在Materialise中找到相同问题的答案

我是bootstrap的新手，我尝试过的所有东西都没有解决它。如果有人知道为什么要这样做以及如何覆盖它，我将不胜感激。

谢谢！

实时网页为here

我已经设置了下降点，以便了解＆＃39;关于＆＃39;和＆＃39;个人资料＆＃39;

脚本：

    <script>
    var $ = jQuery;
    (function($){
        $(function(){

            $('.dropdown-button').dropdown({
                inDuration: 300,
                outDuration: 225,
                constrain_width: false,
                hover: false,
                alignment: 'right',
                gutter: 0,
                belowOrigin: true,
            });

            $('.button-collapse').sideNav({menuWidth: 240, activationWidth: 70});

        }); // end of document ready
    })(jQuery); // end of jQuery name space
</script>

导航栏：

    <nav>
    <div class="nav-wrapper">
        <a class="brand-logo hide-on-med-and-down left" href="http://focallocal.org">Focallocal</a>
        <ul class="hide-on-small-and-down left">
            <li class="text-icon">
                <a class="dropdown-button" href="http://about.focallocal.org" data-activates="nav-about" title="About Us">
                    <i class="mdi-action-info"></i>
                    <span>About Us</span>
                </a>
            </li>
            <li class="text-icon">
                <a href="http:&#x2F;&#x2F;news.focallocal.org&#x2F;" title="Happy News">
                    <i class="mdi-device-brightness-high"></i>
                    <span>Happy News</span>
                </a>
            </li>
            <li class="text-icon">
                <a href="http:&#x2F;&#x2F;action.focallocal.org&#x2F;" title="Action">
                    <i class="mdi-action-get-app"></i>
                    <span>Action Centre</span>
                </a>
            </li>
            <li class="text-icon">
                <a href="http://activities.focallocal.org" title="Activities">
                    <i class="mdi-maps-directions-walk"></i>
                    <span>Activities</span>
                </a>
            </li>
            <li class="text-icon">
                <a href="http:&#x2F;&#x2F;gather.focallocal.org&#x2F;" title="Gather">
                    <i class="mdi-image-flare"></i>
                    <span>&nbsp;Gather&nbsp;</span>
                </a>
            </li>
            <li class="text-icon">
                <a href="http:&#x2F;&#x2F;shop.focallocal.org&#x2F;" title="Shop">
                    <i class="mdi-action-shop-two"></i>
                    <span>&nbsp;Shop</span>
                </a>
            </li>
            <li class="text-icon">
                <a class="dropdown-button" href="#" data-activates="nav-projects" title="Projects">
                    <i class="mdi-action-info"></i>
                    <span>Projects</span>
                </a>
            </li>
        </ul>
        <ul class="right">
            <li class="text-icon">
                <a href="http://discuss.focallocal.org" target="_blank" title="Chat">
                    <i class="mdi-communication-dialpad"></i>
                    <span>Discuss</span>
                </a>
            </li>
            <li class="text-icon">
                <a href="https://trello.com/invite/b/SwMdGGcX/dbf6c3cebca7e2214ac0df3a57b1881f/build-the-movement" target="_blank" title="Missions">
                    <i class="mdi-content-create"></i>
                    <span>Missions</span>
                </a>
            </li>
             <li class="text-icon">
                <a href="#" title="coming soon">
                    <i class="mdi-action-perm-media"></i>
                    <span>Profile</span>
                </a>
            </li>
        </ul>
        <ul id="user-dropdown" class="dropdown-content">

            <li><a href="http://news.focallocal.org/sign-in">Log in</a></li>
            <li><a href="http://news.focallocal.org/sign-up">Register</a></li>
        </ul>
        <a class="button-collapse" href="#" data-activates="nav-mobile"><i class="mdi-navigation-menu"></i></a>
    </div>
</nav>

下拉菜单：

<ul id="nav-about" class="dropdown-content">
<li>
    <a href="http://about.focallocal.org">About Us</a>
</li>
<li>
    <a href="http://hire.focallocal.org">Hire Us</a>
</li>
<li>
    <a href="http://news.focallocal.org/the-focallocal-community-values/">Community Values</a>
</li>
<li>
    <a href="http://news.focallocal.org/faqs">F.A.Q</a>
</li>
<li>
    <a href="http://news.focallocal.org/about-andy-and-the-road-to-focallocal/">The Road to Focallocal</a>
</li>
<li>
    <a href="http://news.focallocal.org/are-we-sure-of-success/">Will we Succeed?</a>
</li>
<li>
    <a href="http://news.focallocal.org/category/in-the-news/">Focallocal in the news</a>
</li>

<ul id="nav-projects" class="dropdown-content">
<li>
    <a href="http://action.focallocal.org/">Action Center
    </a>
</li>
<li>
    <a href="http://brightertomorrowmap.com/">Brighter Tomorrow Map
    </a>
</li>
<li>
    <a href="http://morehappiness.focallocal.org/">More Happiness
    </a>
</li>