Index: src/wp-content/themes/twentyseventeen/assets/js/global.js
===================================================================
--- src/wp-content/themes/twentyseventeen/assets/js/global.js (revision 38929)
+++ src/wp-content/themes/twentyseventeen/assets/js/global.js (working copy)
@@ -139,6 +139,13 @@
return 'http://www.w3.org/2000/svg' === ( 'undefined' !== typeof SVGRect && div.firstChild && div.firstChild.namespaceURI );
}
+ /**
+ * Test if an iOS device.
+ */
+ function checkiOS() {
+ return /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
+ }
+
// Fires on document ready
$( document ).ready( function() {
@@ -168,6 +175,10 @@
adjustHeaderHeight();
setQuotesIcon();
+ checkiOS();
+ if ( true === checkiOS() ) {
+ document.documentElement.className = document.documentElement.className.replace( /(\s*)no-ios(\s*)/, '$1ios$2' );
+ }
supportsInlineSVG();
if ( true === supportsInlineSVG() ) {
document.documentElement.className = document.documentElement.className.replace( /(\s*)no-svg(\s*)/, '$1svg$2' );
Index: src/wp-content/themes/twentyseventeen/header.php
===================================================================
--- src/wp-content/themes/twentyseventeen/header.php (revision 38929)
+++ src/wp-content/themes/twentyseventeen/header.php (working copy)
@@ -13,7 +13,7 @@
*/
?>
- class="no-js no-svg">
+ class="no-js no-svg no-ios">
Index: src/wp-content/themes/twentyseventeen/style.css
===================================================================
--- src/wp-content/themes/twentyseventeen/style.css (revision 38929)
+++ src/wp-content/themes/twentyseventeen/style.css (working copy)
@@ -3903,14 +3903,12 @@
@media screen and ( min-width: 55em ) {
- .twentyseventeen-front-page.has-header-image .custom-header-image,
- .home.blog.has-header-image .custom-header-image {
+ /* Only apply background-attachment: fixed when not on an iOS device. */
+ .not-ios .twentyseventeen-front-page.has-header-image .custom-header-image,
+ .not-ios .home.blog.has-header-image .custom-header-image,
+ .not-ios .panel-image {
background-attachment: fixed;
}
-
- .panel-image {
- background-attachment: fixed;
- }
}
@media screen and ( min-width: 67em ) {