thatblokedan on "Twenty Twelve Child Theme Mobile Menu Not Working"

Twenty Twelve Mobile Child Theme Menu Not Working on iPhone Safari. The button doesn't seem to work and I can't find how to fix it. Here is my style.css & footer codes (I haven't made any changes to the header.php):

/*
Theme Name:     Twenty Twelve Child
Theme URI:      http://Aqua-wash.co.uk/
Description:    Child theme for the Twenty Twelve theme
Author:         Dan McPherson
Template:       twentytwelve
Version:        0.1.0
*/

@import url("../twentytwelve/style.css");

.site-content article {
margin-bottom: 0;
}

.site-content article {
	border-bottom: 0px double #ededed;
}

.site-content {
	margin: 0px 0 0;
	margin: 0rem 0 0;
}
.site-content article {
	border-bottom: 4px double #ededed;
	margin-bottom: 72px;
	margin-bottom: 5.142857143rem;
	padding-bottom: 24px;
	padding-bottom: 1.714285714rem;
	word-wrap: break-word;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
}

<?php
/**
 * The template for displaying the footer.
 *
 * Contains footer content and the closing of the
 * #main and #page div elements.
 *
 * @package WordPress
 * @subpackage Twenty_Twelve
 * @since Twenty Twelve 1.0
 */
?>
	</div><!-- #main .wrapper -->
	<footer id="colophon" role="contentinfo">

		<div class="site-info">
			© Copyright <a href="http://www.aqua-wash.co.uk"> Aqua Wash</a> - Site Design <a href="http://www.fingerprintprinting.co.uk" target="_blank">by Finger Print</a> - Performance Optimization <a href="http://www.w3-edge.com/wordpress-plugins/" target="_blank" rel="external nofollow">by W3 EDGE</a>
		</div><!-- .site-info -->
	</footer><!-- #colophon -->
</div><!-- #page -->

<?php wp_footer(); ?>
</body>
</html>