导航栏打开时如何将页脚向下推？

Question

我有一个响应式导航栏，但是如果我打开导航栏，将出现一个下拉菜单，并且我将被隐藏在页脚下。 那么，只有在导航栏处于打开状态时，我才能向下推页脚吗？

我已将页脚粘贴到底部，如下所示：

width: 100%;
height: auto;
position: absolute;
bottom: 0;
left: 0;

JSFiddle：https://jsfiddle.net/dn1wkthq/1/