WordPress.org

Support

Support » Themes and Templates » Twenty Eleven Theme and the iPad 2

Twenty Eleven Theme and the iPad 2

  • I am using the Twenty Eleven with 3.4.1 and the 2 column layout looks nice on my PC. But when I test it out on my iPad 2 the right hand column is moved to the BOTTOM of all of my post. But when I use my iPad 2 and goto to customize it looks just fine. Is this a bug? Is there a way to fix this, or should I just try to fine a new theme?
    Thank you!

Viewing 7 replies - 1 through 7 (of 7 total)
  • Quang LD
    Participant

    @doobbe

    No is not a bug, that is “responsive” feature! You can customize responsive layout in style.css

    Similar my blog

    I just fixed it by:

    Changing header.php
    So I found the <meta name=”viewport” content=”width=device-width” />.
    edit it to: <meta name=”viewport” content=”1000″ />

    Just tested on my iPad2 and it looks as normal again.
    Is this what you had in mind Doobbe?
    Thanks

    Quang LD
    Participant

    @doobbe

    Twenty Eleven is mobile friendly theme so just customize css by addition `@media (max-width: 1024px) {
    // css for ipad
    }`

    Does that go into the header.php or someplace in the style.css?

    @media (max-width: 1024px) {// css for ipad}

    Thanks again!

    OK, I see on line 2261 of the style.ccs @media (max-width: 800px)
    do I change the 800px to 1024 then?

    Or should I add your line of code before this line of code?

    Thank you!

    Quang LD
    Participant

    @doobbe

    @steverd You didn’t understand me. You NEED addition custom css.

    – First read this article
    – Secon add new custom css rule (do not edit or replace original rule)

    Thank Doobbe for ALL of the help!!

    Appreciated!!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Twenty Eleven Theme and the iPad 2’ is closed to new replies.