info@54: /* info@54: * Style tweaks info@54: * -------------------------------------------------- info@54: */ info@54: html, info@54: body { info@54: overflow-x: hidden; /* Prevent scroll on narrow devices */ info@54: } info@54: body { info@54: padding-top: 70px; info@54: } info@54: footer { info@54: padding: 30px 0; info@54: } info@54: info@54: /* info@54: * Off Canvas info@54: * -------------------------------------------------- info@54: */ info@54: @media screen and (max-width: 767px) { info@54: .row-offcanvas { info@54: position: relative; info@54: -webkit-transition: all 0.25s ease-out; info@54: -moz-transition: all 0.25s ease-out; info@54: transition: all 0.25s ease-out; info@54: } info@54: info@54: .row-offcanvas-right info@54: .sidebar-offcanvas { info@54: right: -50%; /* 6 columns */ info@54: } info@54: info@54: .row-offcanvas-left info@54: .sidebar-offcanvas { info@54: left: -50%; /* 6 columns */ info@54: } info@54: info@54: .row-offcanvas-right.active { info@54: right: 50%; /* 6 columns */ info@54: } info@54: info@54: .row-offcanvas-left.active { info@54: left: 50%; /* 6 columns */ info@54: } info@54: info@54: .sidebar-offcanvas { info@54: position: absolute; info@54: top: 0; info@54: width: 50%; /* 6 columns */ info@54: } info@54: }