Twenty Twelve child theme not responsive in mobile

  • Resolved robinbutton

    (@robinbutton)


    10 years, 3 months ago

    My website (style modifications using a child theme of twenty twelve) is viewing as non-responsive for mobile devices on my iphone (Safari, Chrome). The tablet is fine. I only have one plug-in (SliderPRO) but only one of the pages has a slider installed. There is a sticky footer but the code is installed in a media query for over 600px. I also switched the right widget to the left, but that is also in the media query over 600px.

    Here is my website link

    Here is a pastebin link to my child style sheet

    Would greatly appreciate any assistance as to where I can start to troubleshoot the problem. Thank you!

Viewing 7 replies - 1 through 7 (of 7 total)
  • Jesin A

    (@jesin)

    10 years, 3 months ago

    Try the preview of the original TwentyTwelve theme on your mobile device

    http://wp-themes.com/twentytwelve/

    If it responsive don’t do anything I’ve mentioned below. If it isn’t continue reading.

    I think the problem is caused by the lack of initial-scale in the viewport meta tag.

    So copy

    wp-content/themes/twentytwelve/header.php

    to

    wp-content/themes/lylegomes/header.php

    edit it (if you already have a header.php file in the destination don’t copy just edit it), go to line 23 and replace

    <meta name="viewport" content="width=device-width" />

    with

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    Thread Starter robinbutton

    (@robinbutton)

    10 years, 3 months ago

    Hello Jesin,

    The theme preview at the link you provided is responsive. Therefore, I didn’t do anything that you suggested.

    However, I realized what the problem was … I was viewing pages on the non-responsive site that we will be replacing! This is embarrassing. Lesson learned: sometimes you have to step away and take a break from hours of banging out code.

    Sorry for any inconvenience … but maybe this will help someone else in the future. Doh.

    Jesin A

    (@jesin)

    10 years, 3 months ago

    It happens to everyone 🙂

    Please mark this topic resolved, it will definitely help someone.

    Thread Starter robinbutton

    (@robinbutton)

    10 years, 3 months ago

    It’s resolved!

    jewelsmac6

    (@jewelsmac6)

    10 years, 3 months ago

    I am having a similar issue, and tried your fix above to see if it would work for my twentytwelve-child theme, but still having problems. My problem is related to where content loads in the left sidebar on my mobile device, cutting off all the copy. But on the web it looks perfect. Should I post the details here or start a new thread? Thank you!

    WPyogi

    (@wpyogi)

    10 years, 3 months ago

    Pleas start a new thread and include a link to your site.

    jewelsmac6

    (@jewelsmac6)

    10 years, 3 months ago

    Just posted a new thread:
    http://wordpress.org/support/topic/twentytwelve-customization-for-mobile-devices?replies=1

    Thank you very much!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Twenty Twelve child theme not responsive in mobile’ is closed to new replies.