WordPress.org

Support

Support » Themes and Templates » ** Please help, Resolve Twenty Eleven Theme padding on ipad? Conflicting code?

** Please help, Resolve Twenty Eleven Theme padding on ipad? Conflicting code?

  • 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:
    http://www.graphiclibrary.net

    An image of what I am describing can be found here:
    http://graphiclibrary.net/wp-content/uploads/2012/09/please-help-fix.jpg

    [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 ]

Viewing 1 replies (of 1 total)
  • My name is Nicholas by the way. Thanks again everyone for taking a look.

Viewing 1 replies (of 1 total)
  • The topic ‘** Please help, Resolve Twenty Eleven Theme padding on ipad? Conflicting code?’ is closed to new replies.