Make custom max-width on row conform to Boostrap convention

Bootstrap break point for tablet portrait 768 keeps the row intact, so it's not appropriate to have off-canvas elements at that width. Custom off-canvas.css should be breakpoint 767px

diff --git a/examples/offcanvas/offcanvas.css b/examples/offcanvas/offcanvas.css
index 5bb06ae6f1897d0596d0b735d61c2741c788fb84..8303a8630b11d472c6b6f903ce12829a84ffea99 100644 (file)
--- a/examples/offcanvas/offcanvas.css
+++ b/examples/offcanvas/offcanvas.css
@@ -14,7 +14,7 @@ footer {
  * Off Canvas
  * --------------------------------------------------
  */
-@media screen and (max-width: 768px) {
+@media screen and (max-width: 767px) {
   .row-offcanvas {
     position: relative;
     -webkit-transition: all 0.25s ease-out;