Javascript 调整浏览器窗口大小时创建可下拉菜单

因此，我正在努力实现一个快速响应的网站

这是我目前的导航（窗口最大化）：

我试图实现的是，当窗口调整大小时，将出现一个称为“菜单”的新选项卡。这将是一个按钮，一旦点击将显示所有现有的链接我

我在两个独立的

div

中有两个列表，理想情况下，当窗口调整大小时，我希望两个

列表中的内容都可以在这个新菜单中查看

这是将Chrome调整到其最低宽度时的外观：

如您所见，图像中的链接（拉伸、姿势等）不应可见。他们应该动态显示一旦菜单被点击，这是另一个问题，点击菜单没有任何作用

我所拥有的一切都可以在这把小提琴中找到：
这是一个非常常见的用例，我相信你可以想象得到。谷歌搜索它花了我5秒钟，是第一个出现的。这似乎简单明了

作为堆栈溢出的一般规则，在你提问之前试着四处看看……人们通常会对你的答案做出更好的反应。：）
 如果您查看小提琴，您可能会发现我使用的教程与您概述的相同，但没有达到相同的效果。