Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #20273

    We just finish http://acimcentre.org/ and are testing responsive layout. We found several problems:

    Using different devices the “right margin” is NOT working properly on the following devices.

    1 )iPad 2 OS 6.1 [10b141] Browser Safari (latest version)

    2) iPhone 5 (latest version)

    3) Samsun Droid Charge SCH-I510 (latest version software)

    See screen shot on Samsun: http://acimcentre.org/wp-content/uploads/2013/02/Screen-shoot-Samsun-Droid-Charge.jpg

    The other devices would have had same screenshot problem. Note the cut on text on right margin.

    Your tech support is appreciated. Thank you.

    #106986

    Hi,

    Please add this to custom.css or to Quick CSS. You can put it in a media query if you’d like but i saw no difference on other screen sizes. You can replicate the issue by changing your desktop browser width.

    #top .unit, #top .units {
    float: none !important; /*right now you have float:left; and removing it fixes the problem*/
    }

    The code itself is in grid.css on line 22.

    http://www.clipular.com/c?2060920=nHwJU8UrKSZY8ohkmAKDUeeKf9A

    Thanks,

    Nick

Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘Responsive Layout Problems No.1’ is closed to new replies.