使用offcanvas重叠内容而不是推送它

Question

https://dl.dropboxusercontent.com/u/54191672/theme/index.html

将浏览器的大小调整为1000px。

点击菜单图标时，我试图让侧边栏与内容重叠，而不是将内容推向右侧。我认为将它设置为绝对位置会起作用，然后重置菜单的高度并且宽度变得混乱。

CSS：

.sidebar {
    background: #fff;
    padding-top: 65px;
    padding-left: 40px; 
    width: 15%;
    position: relative;
}

.sidr {
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    width: 260px;
    overflow-x: none;
    overflow-y: auto;
}

我使用插件Sidr来实现offcanvas功能。

如何让offcanas sidebar重叠而不是push？