I'm building a web page for a client and I'm just about done. However I am having some display problems with Safari and mobile devices. My header, logo and navigation are all out of whack and overlapping each other. There does not appear to be a problem in IE, Firefox or Chrome. I removed the responsive structure, but want the whole site to scale down proportionally for devices with smaller screens.
I am noticing that the homepage displays correctly (minus the top portion) on my iPad3, but the Apply, News and Contact pages are not scaling-down like the homepage. They cut off on the right side.
I am using a child version of the Twenty-Eleven theme. I will include some screenshots to show what I am talking about.
I am close to wrapping this site up so if anyone can help me get over this last hurdle I would appreciate it.