Your media breaks are fine, it's the width you have in your CSS that needs to be changed. Create a new header that is 320 px wide. Put it in where you had the 480px header image. Change the width setting for the image to 320px. Change the div width, and all other widths to 320px and it should look fine.
Same for landscape mode. Use your 480px header image in that area where you had the 780px header image (I think that's what it was). Rod On Tue, Sep 3, 2013 at 7:42 AM, John A. Johnson <j...@coffeeonmars.com>wrote: > > On Sep 3, 2013, at 7:35 AM, Barney Carroll <barney.carr...@gmail.com> > wrote: > > > A portrait-oriented iPhone viewport is 320 (CSS) pixels wide, but the > view on the right is 480 wide (the same as a landscape-oriented iPhone > viewport). I don't know where the 530 came from. > > ah..so my media breaks are incorrect…ok..thank you! > > > J > > ______________________________________________________________________ > css-discuss [css-d@lists.css-discuss.org] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/