Turning off mobile support for Twenty-Eleven

Do not edit the Twenty Eleven theme. It is the default WordPress 3.2 theme and having access to an unedited version of the theme is vital when dealing with a range of site issues.

For this reason, it is recommended that you consider creating a child theme for your customisations. Once your child theme is active, add a copy of header.php and try removing <meta name="viewport" content="width=device-width" />.

Right, I’m aware of that. I’ll create a child theme and follow your recommendation.

*collapses in a relieved heap on the floor*

Just wanted to say THANK YOU for this solution, esmi.

Not realising that Twenty Eleven was responsive layout I spent 100+ hours on getting the site looking perfect in every browser, but didn’t check it on the iPhone (I didn’t have one at the time. I do now). Then realised it was looking horrible on mobile devices because I’d changed the layout from fluid to fixed-width in the CSS.

Removing that code in the header has magically fixed the problem. Phew. I’ll pay more attention next time!

Another thank you for this, I also hadn’t done any mobile testing (or intended to) but was surprised to see what a mess my new site was on my mobile, removing this meta tag corrected the issue.

removing the meta viewport tag allowed me to do media quieries. Thanks, esmi!

Thanks for the fix. Worked for me to.