响应式菜单，下拉列表作为最后一项

Question

我想创建一个带有一些项目的菜单，在这个菜单的末尾，它有一个＆＃34;显示更多＆＃34;落下。这个＆＃34;显示更多＆＃34;显示菜单的其余项目，由于浏览器的宽度而无法查看。经典的响应问题。

举例说明：

当宽度小于之前的图像时，会发生：

所以，我的问题是，最好的方法是什么？有没有现成的解决方案？

我正在使用Foundation，因此我无法使用任何其他CSS模块，如Bootstrap。但是，我可以使用jQuery，CSS3，HTML5。我没有比这更多的限制 - 我猜=）

我从Instantcart网站获得了这些图片，因此，您可以去那里看看它是否有效。