Bringing back responsiveness to Twenty Eleven

  • A couple of years ago I removed the responsiveness from my site that is built on a child theme of Twenty Eleven. However, now that I realise its value, I would like to bring it back. I added the “Responsive Structure” part in the child theme’s style.css and added the meta viewport line in the header.php. I also have this

    #page {
    margin: 2em auto;
    max-width: 1000px;
    }

    in my style.css. After doing all this, the site still doesn’t seem to be responsive. I don’t want to revert back to the actual Twenty Eleven because I’ve modified the child theme heavily and it would be a pain in the neck to track all the changes. My site is https://www.dandesign.fi. Any help is appreciated!

Viewing 6 replies - 1 through 6 (of 6 total)
  • Barry

    (@barryhughes-1)

    The URL you shared already seems to have a number of responsive properties… are there specific ways that the stock Twenty Eleven theme behaves that you are still missing and want to restore?

    Thread Starter neverlost

    (@neverlost)

    Well the site should scale so that the page width is not full and the font, menu items, pics etc. should be bigger.

    Thread Starter neverlost

    (@neverlost)

    Actually I now noticed that the front page doesn’t scale but all the others do. What could cause that?

    Barry

    (@barryhughes-1)

    The front page is all I actually looked at (and does seem to scale) … browser caching issues maybe? Or is there a particular browser you see this with?

    Thread Starter neverlost

    (@neverlost)

    Ok, I see. Everything seems to be working fine on my iPhone 5S, but when I tried the thing with my Samsung A5, apparently WordPress doesn’t recognize it as a mobile device. Is there a pixel limit somewhere that I would need to tinker to change this?

    Barry

    (@barryhughes-1)

    Possibly, or perhaps the device/browser isn’t up-to-date and is failing to correctly interpret various CSS rules for some reason.

    Is there any difference between your custom theme and stock Twenty Eleven in that regard?

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Bringing back responsiveness to Twenty Eleven’ is closed to new replies.