Hi guys

I have got a background image that is not doing what it *should* on breakpoints sub 480. It should be fixed and is set to cover the visible screen but when you get to 480 and below, its neither of those things.

It works fine and as expected if you view it on a desktop browser at that resolution but if you look at it on a mobile device thats when it starts fritzing

If you look at this page https://goo.gl/y1r4db on both a desktop (at 480 resolution and below) and also a mobile device you'll see the difference in what is happening. Heres a link also to the rsd file: https://goo.gl/T13ZnY

Thanks in advance

Jamie

I cannot test it on a mobile device, but at first sight it looks as though the grid's background picture fails to cover the full height of the grid below 480px width. Changing the size from Cover to Custom seems to cure this.

Frank

Thanks Frank

The problem with that is that even though its set to fixed, it scrolls with the text and you end up having text over the blank background...

Jamie

Unless it would help to set the black transparency also to fixed, I'll need to leave this to those who can test the matter on a mobile device.

Frank

As far as I know no mobile browser supports the 'fixed' value for background-attachment right now. The reason, if I remember well, is that this is too resource intensive (and therefore impacts battery life).

Thanks Bob (and Frank)

At least it cant be done - saves me pulling my hair out!

Jamie