1 files changed, 13 insertions, 0 deletions
diff --git a/static/assets/css/sections/home.css b/static/assets/css/sections/home.css
index ad8fa2a..893ee3d 100644
--- a/static/assets/css/sections/home.css
+++ b/static/assets/css/sections/home.css
@@ -18,6 +18,19 @@
   background-size: cover;
 }
 
+/*
+  Resolves https://github.com/hossainemruz/toha/issues/70
+
+  fixed attached images use the whole <body> size. On mobile this can get really
+  tall which blows your image out. Setting the attachment back to scroll allows
+  your cover image to stretch within its own container
+*/
+@supports (-webkit-touch-callout: none) {
+  .background {
+    background-attachment: scroll;
+  }
+}
+
 .content {
   position: relative;
   top: -65%;