Home page bug (iOS)

by thebruce , Ontario, Canada, Tuesday, March 05, 2013, 15:11 (4069 days ago) @ kapowaz

So, if you're visiting the news page on an iPad, you see this kind of thing:

…because the main header has position: fixed — if that were changed to position: absolute, problem solved. Any chance that can be looked into?

Aye...

If the site template can decide whether to fix or static the header, that would be best. But if it's position:absolute, then the whole design of the scrolling sub-window content is rendered moot.

Ideally, if the site detects a mobile browser, then set position:absolute, otherwise set position:fixed.

I ran into that exact problem recently with a redesign of my company's site, simply because the touch-zoom feature of mobile devices isn't really a standard browser thing you can trap easily, so without complex javascript to detect viewport alterations/sizes after the fact, fixed elements become a pain to work with. Easiest solution is just that - don't make them fixed on mobile devices.