diff --git a/src/theme/css/chrome.css b/src/theme/css/chrome.css
index 53a79ccf..56c17b78 100644
--- a/src/theme/css/chrome.css
+++ b/src/theme/css/chrome.css
@@ -12,6 +12,19 @@ a > .hljs {
color: var(--links);
}
+/*
+ body-container is necessary because mobile browsers don't seem to like
+ overflow-x on the body tag when there is a tag.
+*/
+#body-container {
+ /*
+ This is used when the sidebar pushes the body content off the side of
+ the screen on small screens. Without it, dragging on mobile Safari
+ will want to reposition the viewport in a weird way.
+ */
+ overflow-x: hidden;
+}
+
/* Menu Bar */
#menu-bar,
diff --git a/src/theme/index.hbs b/src/theme/index.hbs
index 147eb9af..37a029b5 100644
--- a/src/theme/index.hbs
+++ b/src/theme/index.hbs
@@ -54,6 +54,7 @@
{{/if}}
+