From b2fc03af7f207e0a6f19c4ab7b2b40ef81a8a94a Mon Sep 17 00:00:00 2001 From: "David A. Kennedy" Date: Wed, 9 Nov 2016 01:11:59 +0000 Subject: [PATCH] Twenty Seventeen: Fix badly pixelated images on iOS devices The CSS property `background-attachment: fixed` is disabled in some mobile browsers for performance reasons. So here, the fix increases the breakpoint where the `background-attachment: fixed` is applied to the front page images. Doing this removes the fixed backgrounds and the issue from all smaller screens, but the downside is that it also removes the fixed backgrounds from smaller laptops. It's also possible future devices could fall into this breakpoint, but this seems to be the most practical solution. Props laurelfulford. Fixes #38395. git-svn-id: https://develop.svn.wordpress.org/trunk@39176 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-content/themes/twentyseventeen/style.css | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/src/wp-content/themes/twentyseventeen/style.css b/src/wp-content/themes/twentyseventeen/style.css index 452ee30927..05dec3bae7 100644 --- a/src/wp-content/themes/twentyseventeen/style.css +++ b/src/wp-content/themes/twentyseventeen/style.css @@ -3909,13 +3909,6 @@ object { } } -@media screen and ( min-width: 55em ) { - - .panel-image { - background-attachment: fixed; - } -} - @media screen and ( min-width: 67em ) { /* Layout */ @@ -3980,6 +3973,13 @@ object { } } +@media screen and ( min-width: 85.45em ) { + + .panel-image { + background-attachment: fixed; + } +} + @media screen and ( max-width: 48.875em ) and ( min-width: 48em ) { .admin-bar .site-navigation-fixed.navigation-top,