Banner in iPhone Landscape

I assume this is found elsewhere, but I couldn’t locate it.

When rotating an iPhone to landscape the Safari bar covers my banner / burger menu. Is there a way to force the top of the page to display beneath the bar without swiping?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

When rotating an iPhone to landscape the Safari bar covers my banner / burger menu.

Can you post a link - that will help us make an educated guess.

You could simply allow extra height above your Header etc in your layout.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

http://pro.ohair.com/index4.html

As viewed on an iPhone 6+ in landscape orientation:

Page header: 15.4% of the vertical space
Safari menu bar: 18.6% of the vertical space
Safari menu bar with page header: 34% of the vertical space

Is there any code that would automatically hide the Safari menu bar?

Thanks!


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I found the following Minimal UI link:

http://www.mobilexweb.com/blog/ios-7-1-safari-minimal-ui-bugs

Has anyone tried this?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I would caution against using this in any normal site (that is, not a web application). Try experimenting with different values in the initial-scale property.

Walter

On Apr 23, 2015, at 12:32 PM, Trey Yancy email@hidden wrote:

I found the following Minimal UI link:

iOS 7.1 - firt.dev

Has anyone tried this?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks Walter,

In terms of “initial” scale, is the scale something that might be affected by pinch resizing?

When swiping up, the button bar is hidden. This would mean that on initial view (with button bar) a header that shows up at a double the height of the button bar would display the lower half of the header. After swiping up it would need to scale to 100% and switch back and forth.

(I am used to doing this kind of thing in Lingo but I don’t have any Java chops and I’m not sure if this is doable in HTML. I suppose I could do this in HTML5.)


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I only have my phone with me at the moment, but initial scale is one of the measurements you can add to the page in the phone/mobile part of the Page Inspector. There is also a max and min, if I recall correctly, but I don’t recommend changing those.

What you want especially on mobile is to set up the page so that it looks good at initial load, and the user doesn’t need to tap-zoom or pinch to change the scale. You don’t want to lock that out, either, but the less someone needs to do after the initial load, the better their experience will be.

Walter

On Apr 23, 2015, at 1:26 PM, Trey Yancy email@hidden wrote:

Thanks Walter,

In terms of “initial” scale, is the scale something that might be affected by pinch resizing?

When swiping up, the button bar is hidden. This would mean that on initial view (with button bar) a header that shows up at a double the height of the button bar would display the lower half of the header. After swiping up it would need to scale to 100% and switch back and forth.

(I am used to doing this kind of thing in Lingo but I don’t have any Java chops and I’m not sure if this is doable in HTML. I suppose I could do this in HTML5.)


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I dont have 6+ but I am not seeing an issue.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

When I rotate to landscape the button bar covers the banner art.
When swiping up, the button bar moves up and out of the way and the banner art is revealed.
When swiping down, the button bar moves down with the banner art below it.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

When I rotate to landscape the button bar covers the banner art.

But by that point the visitor knows what is there and it really isn’t an issue.

As it happens on my iPhone 5S rotating the page to landscape hides the Safari url bar.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options