お世話になります。
カラーミーショップの「block」というテンプレートに最近変更しました。
PC版ドロップダウンメニューにつきまして、カテゴリー数が多いと１画面に収まらず
一部のカテゴリーが見切れてしまいます。

下にスクロールするとページ自体がスクロールしてしまうのですが、
ドロップダウンメニューの下の方にスクロールさせる方法はないでしょうか。
HTMLソースとキャプチャを添付致します。
よろしくお願い致します。



<ul class="l-main-navi-list">
<{section name=num loop=$category}>
<{if $smarty.section.num.first }>
<li class="l-main-navi-list__item">
<button class="l-main-navi-list__link js-toggle-btn">
BRAND
</button>
<div class="l-dropdown-menu js-toggle-contents">
<ul class="l-dropdown-menu-list">
<{/if}>
<li class="l-dropdown-menu-list__item">
<a class="l-dropdown-menu-list__link" href="<{$category[num].link_url}>"><{$category[num].name}></a>
</li>
<{if $smarty.section.num.last }>
</ul>
</div><!-- /.l-dropdown-menu -->
</li>