粘性页脚 - 可以移动吗？

Question

我有一个粘性页脚 - 没有什么特别的，但这里的代码是：

#fixed-footer
{
    bottom:0;
    position:fixed;
    z-index:@z-fixed; (less)
}

一切正常，但我现在在侧边菜单中有一个幻灯片，就像在Facebook和许多其他移动网站上的那样。

再一次，没什么特别的 - 通过添加类＆＃34;右键菜单＆＃34;：

来触发

#viewport
{
  left:0;
  position:relative;
  width:100%;
}

#nav
{
    .InnerShadow(-1.5rem, 0, 1.5rem -0.75rem, 0.25);
    background-color:@navy;
    height:100%;
    left:-70%;
    position:absolute;
    top:0;
    width:70%;
    z-index:@z-off-canvas;
}

.right-menu #viewport
{
    left:70%;
}

然而，固定页脚在菜单中保持原位 - 我可以为真实的页脚添加边距以避免任何碰撞但是我想做的是，如果可能的话，移动固定的页脚，其余的页面向右移动。

任何想法，如果或如何做到这一点？