Background position and mobile pinch/zoom

On tablets and mobile devices, if you zoom in more on any given page, the background remains centered and causes the grey behind the left menu bar to move out of view.

Screenshot_2013-02-26-20-31-32.png

Normal

Screenshot_2013-02-26-20-31-44.png

Zoomed In

Hi

What device is that ? I've just checked and I do not have it like that on mine mobile.

Those are from a Motorola Bionic (960x540 resolution) in the stock browser. It also does this in Chrome and Firefox mobile.

It does the same thing on my Acer Iconia A100 in Chrome and stock browser.

Hi

Ok. I've send this to programmers to check.

Hi

Programmers cannot see this problem with their devices: https://dl.dropbox.com/u/6620832/2013-0 ... .34.53.png

I've passed them names of phones You use. We'll see if they will be able to find something.

Ok thanks, it's not a big deal for me atm but I'd bet I'm not the only one.

It is quite odd though.

Hi

I'll let You know when I'll have some more informations from programmes.

Hello,
I have the same problem with a Sony Xperia tm and with a Sony Ericson WT19I. If I make a zoom and then I move the screen, the problem appears.
Moreover, I can't use the menu icon with these mobiles. I have no problem with an iphone.

Hi

I've updated programmers about this devices.

Hi

Please edit /layout/default.php and replace line:

Code: Select all

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2.0">


to

Code: Select all

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0">


this will disable zoom. Unfortunately none of the emulators of mentioned by both of You devices are showing this problem, so we are helpless in this situation and this would be the best solution I think.

Hi

Wait. There my be a breakthrough here, but I need one of You check it on Your devices.

@teitbite please ask client to modify file template.css in line 162 from :
position: fixed;
to:
position: absolute;

I've checked on my Android device and it is fine there

Please can someone try that and report if it's working ?

OK thank you, I'll test it in the morning and post the results.

Also, your current template is having similar issues with the fixed header menu. Using my Acer iconia a100 at this time.

Hi

This devices are driving me nut None of the emulators are showing this issue even if the exact device is selected. I'll inform programmers about it too, but I believe the same solution can work in here too.

Yes! That did it.

I also edited line 174 and changed from fixed to absolute. This resolved an issue with the back to top button background moving out of place.