Hi, Thank you in advance for reading this and for your help. I am using Twenty Eleven Child Theme. I would like the width of the theme, which is 980, to appear same on a desktop as an ipad. I am looking to resolve an issue with the responsiveness of the site. When I load the site on an ipad, a border/padding/margin appears, though not when viewed on iphone or a desktop browser.
I have changed the margins and padding to 0 when on media of max width of 980. I have taken away padding and margins, and I'm unsure where the conflicting code is. When I have set widths to 100% they zoom and zoom out content on ipad. I would like the site to appear as it does on a web broswer, and ipad to be the same. I have also noticed that when I set the viewport in meta data, it will zoom in, or zoom out. But NOT APPEAR SAME AS DESKTOP.
I have worked with themes before, but this is my first attempt at manipulating responsive themes.
What can be causing the issue? Where/what in my CSS needs to change?
The website is:
An image of what I am describing can be found here:
[CSS code moderated - the styles can be accessed from the link to your site - for posting code in general see http://codex.wordpress.org/Forum_Welcome#Posting_Code ]