Daveed Flexer by Lila Age 4

WordPress twentytwelve theme mobile menu not working after update – solved

I like using twentytwelve for some projects as it’s clean, and I know the CSS really well. In early September 2014 an update for twentytwelve was released. After updating the theme, the mobile menu stopped repsonding to clicks. Seems that a slight change in the coding for twentytwelve theme rendered it none-operational. This is for child themes with a custom header.php of course.

Go to line 47 or there abouts and find the line

<h3 class="menu-toggle"><?php _e( 'Menu', 'twentytwelve' ); ?></h3>

Replace it with the new line from updated twentytwelve header.php file

<button class="menu-toggle"><?php _e( 'Menu', 'twentytwelve' ); ?></button>

Hope my “hours” of troubleshooting helps someone.

8 thoughts on “WordPress twentytwelve theme mobile menu not working after update – solved

  1. peter

    Thanks a lot!
    Your solution works great for this problem I detected all of a sudden after the 2012 update.

  2. Maria Kullberg

    Thank you very much!
    I’ve been searching and trying a lot before I found your solution here! You made my day!

  3. Brian Folsom

    Hi, I used this fix about two weeks ago and it worked great. I noticed yesterday however that the problem is back! Did twenty twelve make another change without telling us?

    1. Daveed Post author

      Hi Brian,
      Are you using a child theme? I don’t see an issue, and there was not another update to twentytwelv. Perhaps go back and check to see if the version you have locally for header.php is the same as the one on the server. It has happened that the server somehow reverts back to the old version of a file due to some mishap. Let me know what you find.

Comments are closed.