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.
Forever grateful for this post.
I was going absolutely crazy. I can’t thank you enough 🙂
You are very welcome.
Thanks. It worked a treat! 😀
Thanks a lot!
Your solution works great for this problem I detected all of a sudden after the 2012 update.
Thank you very much!
I’ve been searching and trying a lot before I found your solution here! You made my day!
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?
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.
Thank you so much for the post!!! Even for the one with none IT background like myself I could fix the menu button easily for my blog. It has been bothering me so many days until I found your simple fix!
http://www.maiattique.com.au