diff --git a/header.php b/header.php
index e68c6863..f5e5ee32 100644
--- a/header.php
+++ b/header.php
@@ -20,6 +20,7 @@
 
 <body <?php body_class(); ?>>
 <div id="page" class="hfeed site">
+	<a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', '_s' ); ?></a>
 
 	<header id="masthead" class="site-header" role="banner">
 		<div class="site-branding">
@@ -29,8 +30,6 @@
 
 		<nav id="site-navigation" class="main-navigation" role="navigation">
 			<button class="menu-toggle"><?php _e( 'Primary Menu', '_s' ); ?></button>
-			<a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', '_s' ); ?></a>
-
 			<?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
 		</nav><!-- #site-navigation -->
 	</header><!-- #masthead -->
diff --git a/inc/extras.php b/inc/extras.php
index cb62ea5b..531c7774 100644
--- a/inc/extras.php
+++ b/inc/extras.php
@@ -46,7 +46,7 @@ function _s_wp_title( $title, $sep ) {
 	if ( is_feed() ) {
 		return $title;
 	}
-	
+
 	global $page, $paged;
 
 	// Add the blog name
diff --git a/style.css b/style.css
index e27af83e..91e8742e 100644
--- a/style.css
+++ b/style.css
@@ -453,6 +453,9 @@ a:active {
 .screen-reader-text {
 	clip: rect(1px, 1px, 1px, 1px);
 	position: absolute !important;
+	height: 1px;
+	width: 1px;
+	overflow: hidden;
 }
 
 .screen-reader-text:hover,
