From 05f70db04134e7f55d4da72e8bfbc37e724b184e Mon Sep 17 00:00:00 2001 From: George Cushen Date: Wed, 11 Nov 2020 23:46:48 +0000 Subject: [PATCH] fix(style): workaround mobile browser issues with fixed bg Revert the parallax-like fixed background effect on mobile to scroll based attachment. --- wowchemy/assets/scss/wowchemy/_widgets.scss | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/wowchemy/assets/scss/wowchemy/_widgets.scss b/wowchemy/assets/scss/wowchemy/_widgets.scss index 0b2b1ba5..2b9829df 100644 --- a/wowchemy/assets/scss/wowchemy/_widgets.scss +++ b/wowchemy/assets/scss/wowchemy/_widgets.scss @@ -76,10 +76,16 @@ background-size: cover; } -/* Create a parallax-like scrolling effect. */ +/* Create a parallax-like scrolling effect on desktop browsers. */ .parallax { background-attachment: fixed; } +// Workaround issue with mobile browser support for fixed parallax background. +@media (min-width: 768px) { + .parallax { + background-attachment: scroll; + } +} .home-section:first-of-type { padding-top: 50px;