(Theme: Twenty Eleven) Page is not centered on Iphone or Ipad.

I am using the Twenty Eleven theme

That is not the original Twenty Eleven theme.

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

Thank esmi. I created a child theme following those instructions. I then added the info from the .css style sheet from the twenty eleven theme to the child theme, but now there is a lot of stuff displaying improperly. I obviously did something wrong, but am not sure what. Since I have already edited the original, do I need to delete it and reinstall the unedited version and then add that to my child theme and do all the css editing over?

Also, do you think getting the child theme to function properly will solve the alignment issue or do I still need to address that as well?

thank you

I then added the info from the .css style sheet from the twenty eleven theme to the child theme

No – you only add the changed/custom CSS to the child theme.

or do I still need to address that as well?

You may need to address that as well.

No – you only add the changed/custom CSS to the child theme.

Ok thank you for your help with regard to the child themes. I seem to have a grasp on it now.

As to the original question, can you provide any advice on how I might get the pages to display properly on iphones/ipad? It seems to only display a portion of the page width on these devices and the alignment is off. I am guessing it has something to do with the “Relative Structure”? Despite some fiddling, I cannot find a solution.

I reinstalled a fresh version of twenty eleven and noticed it now is displaying a “mobile” version of the site on iphone. I think this may be the cause of the problem. I have never had this issue with wordpress templates before. I think this is the relative styling. Is there a way to eliminate all the relative stuff and simply load the same styles for all devices? In the past I have not had problems with this.

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

esmi, thank you once again for your repeated attention to the child theme issue. I am aware of that. I have created a child theme for twenty eleven and it is now activated. I am continuing to look for help on my original question with regard to the iphone issue. Can you provide any help on that? If not, can you please suggest a simple theme that will be easy to customize? I simply need a background image (ideally between 800px and 1100 px wide), a navigation menu that I can easily customize the size and colors, and a page content block.

First, create a custom header.php file in your child theme.

ok i have done that and uploaded to my child theme. and then?

Remove:

<meta name="viewport" content="width=device-width" />

You’ll also need to overwrite the entire /* =Responsive Structure section of the parent’s stylesheet in the child’s.

This seemed to work. Thank you again for all your help