WordPress Twenty Eleven Theme

The Twenty Eleven Theme is a simple theme that works well for one of the sites I manage. Unfortunately, it is broken on iPads. The navigation on the right-hand side is all the way on the bottom. There is an easy fix.

Open the file /wp=content/themes/twentyeleven/header.php

A few lines down, the header block starts. Comment out (or delete) the line <meta name="viewport" content="width=device-width" /> and you are good to go. The code snippet below shows how I did it.


<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<!-- Comment out this line to have it work the same on iPads
<meta name="viewport" content="width=device-width" />-->

Note: In HTML a comment starts with <!-- and ends with --> so I’ve basically added a text comment and continued it to the next line that contains the offending code.