Support » Themes and Templates » Theme: twenty twelve, make responsive – unresponsive

Viewing 8 replies - 1 through 8 (of 8 total)
  • esmi


    Forum Moderator

    Do not edit the Twenty Twelve theme. It is the default WordPress theme and having access to an unedited version of the theme is vital when dealing with a range of site issues. First create a child theme for your changes.

    Moderator Andrew Nevins


    Forum moderator

    No, there is not an easy way to turn off responsiveness in Twenty Twelve because it’s built into the theme from the ground-up.

    In the child themes’ header.php, I removed the section:
    <meta name=”viewport” content=”width=device-width” />

    My twentyeleven header.php was this –

    <meta charset="<?php bloginfo( 'charset' ); ?>" />
    <meta name="viewport" content="width=device-width" />

    I changed it in my twentyeleven child theme’s header.php to this –

    <meta charset="<?php bloginfo( 'charset' ); ?>" />

    then In the child theme’s style.css I removed the max-width propery of the #page element and replaced it with width.

    twentyeleven’s style.css –
    #page { max-width: 1000px; }

    twentyeleven child theme’s style.css
    #page { width: 1000px; }

    This worked for me, although we’re not using the same theme hopefully it will work for too!

    [Please post code or markup snippets between backticks or use the code button. Your posted code may now have been permanently damaged by the forum’s parser.]

    Rossi Muzza – you are fabulous. That worked for me – haven’t tested on all devices yet but it worked for my iphone. Thank you. : )

    Oh, this is exactly what I needed. THANKS. I didn’t need to change max-width, just needed to remove the viewport line from header.php.

    I have another question though. The site background image contains the logo, and is not showing up on mobile.

    Any ideas?

    @rachelgoldstein71 – for other questions unrelated to this topic, please start a new thread per –

    OK, but it is related to the topic. I disabled the responsiveness, as outlined in this thread, which made the other issue apparent.

    Did you see this part of the above link?

    Unless you are using the same version of WordPress on the same physical server hosted by the same hosts with the same plugins, theme & configurations as the original poster, do not post in someone else’s thread. Start your own topic.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Theme: twenty twelve, make responsive – unresponsive’ is closed to new replies.