Toolbar gets in the way when entering text in form fields on an iPhone [#1286044]

When trying to enter text in a input field the toolbar overlaps the field, so that you can't see what you're typing.

A possible solution would be to use position: absolute instead of fixed for small screens.

Comment	File	Size	Author
	toolbar-iphone.jpg	53.16 KB	henrrrik

Comments

henrrrik commented 22 September 2011 at 07:58

Like this:

@media only screen and (max-width:480px) {
  #toolbar {
    position: absolute;
  }
}

joshbgosh10592 commented 1 February 2012 at 15:35

What file/path do you make that change?

joshbgosh10592 commented 4 July 2012 at 00:17

Can anyone answer where that file is?

dcam commented 9 April 2015 at 04:08

Issue summary:	View changes
Status:	Active	» Closed (duplicate)

I'm pretty sure this is a duplicate of #2376185: Toolbar module's setting of padding-top css on html body is non-responsive. This issue may be older, but the other has had way more work. In fact, a patch nearly went into 7.36, but it was determined that more work was required.