Fix overflow issues on mobile safari

2026-08-24 15:28:54 +00:00 · 2017-02-11 16:50:15 -08:00
parent 4b133ece88
commit 1d52df221a
3 changed files with 5 additions and 2 deletions
@@ -28,7 +28,7 @@ main.main {
  max-width: $content-max-width;
  position: relative;
  min-height:calc(100vh - #{$site-header-height * 2});
-  overflow-x:hidden;
+  overflow-x: hidden;
 }

 header.content-header {
@@ -37,6 +37,7 @@ header.content-header {
  width: 100%;
  position: relative;
  margin-top: 3em;
+  overflow-x: hidden;
  @include MQ(M) {
    margin-top: 2em;
  }
@@ -1,10 +1,12 @@
 .all-content-wrapper.home {
  background-color: lighten($hugo-blue-light, 50%);
+  overflow-x:hidden;
 }

 main#homepage {
  width: 90%;
  margin-bottom: 2.5em;
+   overflow-x:hidden;
  @include MQ(M) {
    max-width: $M * .9;
  }