I'm trying to create a set of views optimized for smart phones with resolution around 400px wide. I'd like a single column where the resources take up almost all the width of the screen. This doesn't currently work because the banner across the top seems to be designed for something at least 800 or so px wide so even in a single column the resources only get about 1/2 to 1/3 of the horizontal screen real estate until you zoom in. Zooming of course fixes the problem but it is annoying to zoom every time you click to a new page.
Any ideas how to fix this?