WordPress.org

Forums

[resolved] Sidebar/content widths all wonky on iPad (8 posts)

  1. Amaress
    Member
    Posted 2 years ago #

    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

  2. dmd54
    Member
    Posted 2 years ago #

    have you tried adding to your div secondary?

    margin-left: 18px;
        margin-right: 15px;
  3. Amaress
    Member
    Posted 2 years ago #

    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.

  4. dmd54
    Member
    Posted 2 years ago #

    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;
    }
  5. Egilby
    Member
    Posted 2 years ago #

    Hi!

    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
    Egilby

  6. @Egilby

    please start your own topic.

    interrupting existing topics is not helpful.

  7. @Amaress

    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)

  8. Amaress
    Member
    Posted 2 years ago #

    @alchymyth

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

    @dmd54

    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 :(

Topic Closed

This topic has been closed to new replies.

About this Topic