Support » How-To and Troubleshooting » [Resolved] Sidebar/content widths all wonky on iPad

[Resolved] Sidebar/content widths all wonky on iPad

  • Hey,

    So I’m almost done making my child theme of Twenty Eleven, except on the iPad the content isn’t responding to width sizes and its screwing up my two sidebars. I’ve tried using percentages and exactly pixels, both of which work on the computer, but neither work on the iPad. Does anyone have any ideas?

    The blog I need help with is blog.thecherrystand.com

Viewing 7 replies - 1 through 7 (of 7 total)
  • have you tried adding to your div secondary?

    margin-left: 18px;
        margin-right: 15px;

    I finally got it to respond to width changes but it still seems to be adding pad between the sidebars and the content that isn’t there on the desktop…. I’m not sure what could be causing that.

    This is the style I gave to balance it out in firefox. Since it’s your design I’m not sure exactly how you want it to show up but this looks right to me if you want to try.

    #primary {
        float: left;
        margin: 0;
        width: 530px;
    #content {
        margin: 0 15px;
        overflow: auto;
        width: auto;
    #secondary {
        float: left;
        margin: 0 15px 0 18px;
        width: 200px;


    Got a similar problem, my site look nice on pc but not on Ipad. The menu comes in two lines. (use twentyeleven theme ver 3.4.2 with child theme.) Also else, like images doesn’t scale right.

    I guesss there have do be a appropriate code in style.css under child theme.

    Someone which can help?

    Best regards

    Moderator Michael


    Forum Moderator


    please start your own topic.

    interrupting existing topics is not helpful.

    Moderator Michael


    Forum Moderator


    there is a ‘/* =Responsive Structure’ section in the last quarter of style.css of Twenty Eleven (the section goes all the way down to ‘/* =Print’), which is causing some elements to shift in narrow browsers or hand-help devices.

    as you are working with a cloned copy of Twenty Eleven, you might want to try and remove the whole section (make a backup copy of style.css first)


    That totally worked!!! Thank you soooooo much!!!!


    Thanks for trying!! It did space out the columns better than I had them on the desktop, but unfortunately didn’t help the stupid iPad situation 🙁

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘[Resolved] Sidebar/content widths all wonky on iPad’ is closed to new replies.