Support » Themes and Templates » 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)
  • 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?

    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!

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


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