From b97e8aae915a1c6d9583b9095c0d835af0fc2130 Mon Sep 17 00:00:00 2001 From: as027811 Date: Wed, 21 Oct 2020 01:59:53 -0400 Subject: [PATCH] add ios specific css for fixing the background images --- static/assets/css/sections/home.css | 13 +++++++++++++ 1 file changed, 13 insertions(+) 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 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%;