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.

1 files changed, 3 insertions, 0 deletions

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