I have background images in rows - width 100% ,block, display static position, attachment with no repeat and size set to cover - now it works perfectly fine in IE and Chrome but in Safari on iphones it displays the image full scale if not zoomed in - any suggestions on a safari fix?

http://www.hooka-solutionsaustralia.com … index.html

For iOS, you need to switch the Attachment to Scroll on the lower breakpoints (the mobile ones) and leave it to Fixed on the higher ones.

hmmmm the attachment is fixed

Try a test with an image less then 1024 wide. I remember there is some add issue with apple browsers and large background images. But your image is not large. But, try a smaller one anyway. May end up needing to use two small images if it works.

I would definitely create a smaller version of the image(s) for use on small screens.

Scott, are you sure it will work in IOS? I like to research things just so I know what to avoid on platforms I can't test. But this popular website says IOS won't support{ background-attachment: fixed}, and neither will Android browser or the Android Chrome browser. I read in a very old post dated years ago elsewhere that the IOS will ignore fixed. So in the class attributes one would give it local and underneath it give fixed (non-IOS browers update the local to fixed) That would mean custom css in the page headers for the page to define the class as fixed in order to define it twice.

http://caniuse.com/#search=background-attachment

Correction, what you want to do is for mobile breakpoints, change it from fixed to scroll. You will leave then it fixed on higher breakpoints. You can use the theme Scroll Portfolio as a example theme.





Download:
https://www.dropbox.com/s/h9vadr9yu59l3 … l.rsd?dl=0