Javascript 引导3导航太长，无法在移动设备上查看

在一个单页网站上，导航包含12个链接（1个是一个下拉列表，另外还有4个链接）。问题出现在移动设备上。但是，选择下拉菜单可以看到整个导航，只有前两个链接可以在更大的屏幕上看到，在iphone 5上看不到任何内容（如下图所示）。

如果你们中的任何人有类似的问题或能提供解决方案，我们将不胜感激

---

提前感谢。

如果菜单溢出，通常屏幕上应该有一个滚动条。您可以发布代码吗？它应该工作得很好：我确实记得有一个滚动条，但我把它扔掉了，因为它太难看了。当然现在我记不起标记了。在那里开枪打中了我的脚！谁能给我指出正确的方向吗？这是JSFIDLE:-这是让我绊倒的地方：导航栏固定顶部。导航栏折叠。导航栏固定底部。导航栏折叠{最大高度：800px；}通常，如果菜单溢出，屏幕应该有一个滚动条。你能发布代码吗？它应该工作得很好：我确实记得有一个滚动条，但我把它扔掉了，因为它太难看了。当然现在我记不起标记了。在那里开枪打中了我的脚！谁能给我指出正确的方向吗？这是JSFIDLE:-这是让我绊倒的地方：导航条固定顶部。导航条折叠。导航条固定底部。导航条折叠{最大高度：800px；}