iphone - screens with width smaller than 920px

[alfu32]

see https://github.com/SketchUp/ruby-api-docs/issues/19 please

if this is the source for http://ruby.sketchup.com/

screen does not scroll on iphone. it is completely unusable on an iphone. tried in safari and chrome.

[alfu32]

quick fix

in style.css line 57

@media (max-width: 920px) {
  .nav_wrap { display: none; }
}

modify

@media (max-width: 920px) {
  .nav_wrap { display: none; }
  #main { 
    /*height: 100%; not necessary for this test but present in the  @media (min-width: 920px) */
    /* overflow: auto; not necessary for this test but present in the  @media (min-width: 920px) */
    /* at least this */
    overflow-y: scroll;
  }
}

just copy the rule

#main { height: 100%; overflow: auto; }

from line 64 inside

@media (max-width: 920px) {

tested in chrome, dev tools open , activate responsive desgn, resize device width to less than 920px,or select iphone6 before : no body scrolling, no menu-icon in view, if menu open, menu scrolls after : body scrolls , menu icon in view, menu scrolls;

[thomthom]

Thank you for looking into this and offer a fix. I'll see if I can get around to test this and integrate into the YARD templates this week.

[thomthom]

just copy the rule [...] from line 64 inside

To where?