iPhone/iPad cuts off right side of site

[dauidus]

Hello,

I'm experiencing a curious issue when viewing my website on either an iPhone or an iPad. The right side of both my header and footer gets cut off, while the rest of the page loads correctly. I have not tested this on Android devices, but I imagine it is probably found there, too.

My header and footer are both set to 100% width and run some javascript and css to provide the animation (which shouldn't be causing this issue). I've tried adding a meta tag with a name "viewport" and putting some @media in my css file. But, it seems I may be barking up the wrong tree with both of those attempts.

Feel free to take a look at my code and try to figure this one out with me.

www.dauidusdesign.com

Please let me know if you've ever seen this happening before.

[dauidus]

Fixed it!

Silly me... just had to put <meta name="viewport" content="width=1100" /> in my header and it worked like a charm.

Cheers

[bsteamer1883]

Wow - this worked perfectly for me - glad i found this thread off google!

I know it's been almost a year since you posted this but thank you!