Sidebar/content widths all wonky on iPad

  • Resolved Amaress

    (@amaress)


    11 years, 7 months 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

Viewing 7 replies - 1 through 7 (of 7 total)
  • dmd54

    (@dmd54)

    11 years, 7 months ago

    have you tried adding to your div secondary? 

    margin-left: 18px;
    margin-right: 15px;
    Thread Starter Amaress

    (@amaress)

    11 years, 7 months 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.

    dmd54

    (@dmd54)

    11 years, 7 months 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;
}
    Egilby

    (@egilby)

    11 years, 7 months 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

    Michael

    (@alchymyth)

    11 years, 7 months ago

    @egilby

    please start your own topic.

    interrupting existing topics is not helpful.

    Michael

    (@alchymyth)

    11 years, 7 months ago

    @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)

    Thread Starter Amaress

    (@amaress)

    11 years, 7 months 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 🙁

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