Prevent X-scroll on small screens

html overflow-x must be hidden to prevent accidental x-scroll on small screens. This is more apparent with touch screens, where the user often gestures diagonally instead of a true vertical gesture.

diff --git a/examples/offcanvas/offcanvas.css b/examples/offcanvas/offcanvas.css
index 8303a8630b11d472c6b6f903ce12829a84ffea99..06aad4bda07adfe07669f1d4447886b8189e8687 100644 (file)
--- a/examples/offcanvas/offcanvas.css
+++ b/examples/offcanvas/offcanvas.css
@@ -2,6 +2,9 @@
  * Style tweaks
  * --------------------------------------------------
  */
+html {
+  overflow-x: hidden;
+}
 body {
   padding-top: 70px;
 }