adding ios only styles to fix ios background image problem

diff --git a/assets/css/glm-dev.css.map b/assets/css/glm-dev.css.map
index 0814972..0b806f0 100644 (file)
--- 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 (file)
--- 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 (file)
--- 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 (file)
--- 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