@media (max-width: 767px) { .app{ overflow-x: hidden; } .app-content{ .transition-transform(0.2s ease); } .off-screen{ position: absolute; top: 50px; bottom: 0; width: @off-screen-width; display: block !important; visibility: visible; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 1010; + *{ background-color: @body-bg; .transition-transform(0.2s ease); .backface-visibility(hidden); .translate3d(@off-screen-width, 0px, 0px); overflow: hidden; position: absolute; width: 100%; top: 0; bottom: 0; left: 0; right: 0; z-index: 1015; padding-top: 50px; .off-screen-toggle { display:block !important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1020; } } &.pull-right{ right: 0; + *{ .translate3d(-@off-screen-width, 0px, 0px); } } } }