From c0d8a47992a6c139c37260b3a5b3fa57bffd6ef1 Mon Sep 17 00:00:00 2001 From: Anthony Talarico Date: Wed, 18 Apr 2018 08:05:35 -0400 Subject: [PATCH] adding ios only styles to fix ios background image problem --- assets/css/glm-dev.css.map | 2 +- functions.php | 2 +- glm-dev/scss/_body.scss | 4 +++- style.css | 6 ++++++ 4 files changed, 11 insertions(+), 3 deletions(-) diff --git a/assets/css/glm-dev.css.map b/assets/css/glm-dev.css.map index 0814972..0b806f0 100644 --- a/assets/css/glm-dev.css.map +++ b/assets/css/glm-dev.css.map @@ -1 +1 @@ -{"version":3,"file":"glm-dev.css","sources":["glm-dev.scss","_settings.scss","_body.scss"],"sourcesContent":["@import 'settings';\n@import 'body';","$navy : #15203d;\n$grey : #929694;","body{\n background-color: #fafbfc;\n \n}\nbody.page-template-default{\n #page{\n #content{\n @media (min-width: 770px){\n padding-top: 150px !important;\n }\n @media (max-width: 774px){\n padding-top: 50px !important;\n }\n .mid-content{\n background-color: white;\n box-shadow: 5px 5px 25px 0 rgba(46,61,73,.2);\n margin-bottom: 25px ;\n #primary{\n width: 100%;\n }\n }\n }\n }\n}\nfooter#colophon.site-footer{\n \n .bottom-footer{\n .footer-content{\n text-align: center;\n max-width: 500px;\n margin: 0 auto;\n }\n background-color: $navy;\n }\n}"],"mappings":"AEAA,AAAA,IAAI,AAAA,CACA,gBAAgB,CAAE,OAAQ,CAE7B,AAIW,MAAM,EAAL,SAAS,EAAE,KAAK,EAH7B,AAEQ,IAFJ,AAAA,sBAAsB,CACtB,KAAK,CACD,QAAQ,AAAA,CAEA,WAAW,CAAE,gBAAiB,CAarC,CAXG,MAAM,EAAL,SAAS,EAAE,KAAK,EAN7B,AAEQ,IAFJ,AAAA,sBAAsB,CACtB,KAAK,CACD,QAAQ,AAAA,CAKA,WAAW,CAAE,eAAgB,CAUpC,CAjBT,AASY,IATR,AAAA,sBAAsB,CACtB,KAAK,CACD,QAAQ,CAOJ,YAAY,AAAA,CACR,gBAAgB,CAAE,KAAM,CACxB,UAAU,CAAE,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,kBAAI,CAC/B,aAAa,CAAE,IAAM,CAIxB,AAhBb,AAagB,IAbZ,AAAA,sBAAsB,CACtB,KAAK,CACD,QAAQ,CAOJ,YAAY,CAIR,QAAQ,AAAA,CACJ,KAAK,CAAE,IAAK,CACf,AAKjB,AAEI,MAFE,AAAA,SAAS,AAAA,YAAY,CAEvB,cAAc,AAAA,CAMV,gBAAgB,CDhChB,OAAO,CCiCV,AATL,AAGQ,MAHF,AAAA,SAAS,AAAA,YAAY,CAEvB,cAAc,CACV,eAAe,AAAA,CACX,UAAU,CAAE,MAAO,CACnB,SAAS,CAAE,KAAM,CACjB,MAAM,CAAE,MAAO,CAClB","names":[]} \ No newline at end of file +{"version":3,"file":"glm-dev.css","sources":["glm-dev.scss","_settings.scss","_body.scss"],"sourcesContent":["@import 'settings';\n@import 'body';","$navy : #15203d;\n$grey : #929694;","body{\n background-color: #fafbfc;\n @supports (-webkit-overflow-scrolling: touch) {\n /* CSS specific to iOS devices */ \n }\n}\nbody.page-template-default{\n #page{\n #content{\n @media (min-width: 770px){\n padding-top: 150px !important;\n }\n @media (max-width: 774px){\n padding-top: 50px !important;\n }\n .mid-content{\n background-color: white;\n box-shadow: 5px 5px 25px 0 rgba(46,61,73,.2);\n margin-bottom: 25px ;\n #primary{\n width: 100%;\n }\n }\n }\n }\n}\nfooter#colophon.site-footer{\n \n .bottom-footer{\n .footer-content{\n text-align: center;\n max-width: 500px;\n margin: 0 auto;\n }\n background-color: $navy;\n }\n}"],"mappings":"AEAA,AAAA,IAAI,AAAA,CACA,gBAAgB,CAAE,OAAQ,CAI7B,AAIW,MAAM,EAAL,SAAS,EAAE,KAAK,EAH7B,AAEQ,IAFJ,AAAA,sBAAsB,CACtB,KAAK,CACD,QAAQ,AAAA,CAEA,WAAW,CAAE,gBAAiB,CAarC,CAXG,MAAM,EAAL,SAAS,EAAE,KAAK,EAN7B,AAEQ,IAFJ,AAAA,sBAAsB,CACtB,KAAK,CACD,QAAQ,AAAA,CAKA,WAAW,CAAE,eAAgB,CAUpC,CAjBT,AASY,IATR,AAAA,sBAAsB,CACtB,KAAK,CACD,QAAQ,CAOJ,YAAY,AAAA,CACR,gBAAgB,CAAE,KAAM,CACxB,UAAU,CAAE,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,kBAAI,CAC/B,aAAa,CAAE,IAAM,CAIxB,AAhBb,AAagB,IAbZ,AAAA,sBAAsB,CACtB,KAAK,CACD,QAAQ,CAOJ,YAAY,CAIR,QAAQ,AAAA,CACJ,KAAK,CAAE,IAAK,CACf,AAKjB,AAEI,MAFE,AAAA,SAAS,AAAA,YAAY,CAEvB,cAAc,AAAA,CAMV,gBAAgB,CDlChB,OAAO,CCmCV,AATL,AAGQ,MAHF,AAAA,SAAS,AAAA,YAAY,CAEvB,cAAc,CACV,eAAe,AAAA,CACX,UAAU,CAAE,MAAO,CACnB,SAAS,CAAE,KAAM,CACjB,MAAM,CAAE,MAAO,CAClB","names":[]} \ No newline at end of file diff --git a/functions.php b/functions.php index c709487..705c745 100644 --- a/functions.php +++ b/functions.php @@ -264,7 +264,7 @@ function glm_get_header() { echo ' style="background-image: url('.$image_data[0].');height:300px;padding:0;padding-bottom:300px;background-position:center center;background-size: cover;background-repeat:no-repeat;max-height: 300px; "'; } else { - echo ' style="background-image: url('.get_template_directory_uri().'/assets/stay.jpg);height:300px;padding:0;padding-bottom:300px;background-position:center center;background-size: cover;background-repeat:no-repeat;max-height: 300px; "'; + echo ' style="background-image: url('.get_template_directory_uri().'/assets/stay.jpg);height:0px;padding:0;padding-bottom:0px;background-position:center center;background-size: cover;background-repeat:no-repeat;max-height: 300px; "'; echo ' class="no-featured"'; } echo '>'; diff --git a/glm-dev/scss/_body.scss b/glm-dev/scss/_body.scss index 5a72385..a5402cc 100644 --- a/glm-dev/scss/_body.scss +++ b/glm-dev/scss/_body.scss @@ -1,6 +1,8 @@ body{ background-color: #fafbfc; - + @supports (-webkit-overflow-scrolling: touch) { + /* CSS specific to iOS devices */ + } } body.page-template-default{ #page{ diff --git a/style.css b/style.css index cda982b..9e10cd7 100644 --- a/style.css +++ b/style.css @@ -2539,4 +2539,10 @@ Responsive grid for pages } .parallax-section:not(:first-child) h2 ~ .parallax-content{ display: none; +} +@supports (-webkit-overflow-scrolling: touch) { + /* CSS specific to iOS devices */ + .parallax-section:first-child { + background-attachment: scroll !important; + } } \ No newline at end of file -- 2.17.1