Odd behavior today - got an Atahualpa site going on Jetpack, but have an issue I haven't seen on non-ATA sites -

On some wide pages, I'm using floated DIVs to make columns. On any page like that, jetpack displays the site narrower on IOS.

Here's the site:


The home page and contact page use divs to make columns - jetpack displays those pages - even the jetpack menu & search box - at the width of the first column.

I've tried wrapping everything in a 100% div, adding a 100% div just 1px tall before the columns, etc.

Anyone see anything like this before? Man, I can't wait for responsive ATA!!! I wouldn't care if ATA was split into a paid and unpaid theme if it got me responsive control of the layout!

When I use safari and set the user agent to iOS 8.1, the top is in two parts MENU and Search and the rest of the page is the same width as the MENU area.

Try taking the Search out and see what happens.

User agent on the desktop doesn't render like my phone though - here's a screen grab; the gray area to the right should be the width of the site… only does this on pages with floated divs.

I know it doesn't render the same way (ahhh wouldn't it be nice if all devices and browsers worked the same way...oops day dreaming) but I'm wondering if what looks like two columns in the header is causing the issue.

Well aren't you a dreamer?!??

I deleted the search, but on pages without divs it's fine either way… I do wish jetpack was a little more functional, and man, clearing an iPhone cache for testing?? right!

Anyone know of a responsive plugin that plays well with ATA?

Do you have a mobil theme turned on?