I'm building a mobile site for a friend and can't seem to figure out how to make the center column full screen on all devices. It seems to be fine on android devices but looks zoomed out on iphones and ipods.

The site is: m.morrisautodetail.com

Screen shots below.





I've played around with the meta viewport tag, and still can't figure it out. Does anyone know how to do this properly? TIA.

What happens if you set width to 100%?

I do have the width set to 100%

When I looked at it before it wasn't showing at 100%. Now it seems like it should look fine on mobile devices and pads alike.

Yes, I got it to work with:

<meta name="viewport" content="width=360"> in the HTML Inserts: Header

I also removed the Layout MIN width and Layout MAX width while keeping the layout width at 100%.

Thank you.

I don't think you needed to add the viewport code. Just setting it to 100% width no min and max should have done it.