fix nav images

darrius · Oct 9, 2013 · f1de0bb · f1de0bb
1 parent 966d5c8
commit f1de0bb
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 15 deletions.
diff --git a/header.php b/header.php
@@ -26,14 +26,17 @@
       <span class="icon-bar"></span>
     </a>
 
-	<header id="masthead" class="site-header" role="banner">
+    <div class="header-container">
+
+		<header id="masthead" class="site-header" role="banner">
 
-		<hgroup>
-			<h1 class="site-title"><a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
-		</hgroup>
+			<hgroup>
+				<h1 class="site-title"><a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
+			</hgroup>
 
-		<nav role="navigation" class="site-navigation main-navigation">
-			<?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
-		</nav><!-- .site-navigation .main-navigation -->
-	</header><!-- #masthead .site-header -->
-
+			<nav role="navigation" class="site-navigation main-navigation">
+				<?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
+			</nav><!-- .site-navigation .main-navigation -->
+		</header><!-- #masthead .site-header -->
+
+    </div>
diff --git a/style.css b/style.css
@@ -165,9 +165,14 @@ footer.site-footer a {
 }
 /* =Header
 -------------------------------------------------------------- */
+.header-container {
+  width: 1160px;
+  margin: auto;
+  position: relative;
+}
 header.site-header {
   background: #fff;
-  position: fixed;
+  position: absolute;
   top: 0px;
   z-index: 10000;
   left: 80px;
@@ -265,7 +270,7 @@ body {
 .center-content,
 #disqus_thread {
   max-width: 580px;
-  margin: 0 100px 0 260px;
+  margin: 0 auto 0 auto;
   padding: 0 20px;
   display: block;
 }
@@ -769,7 +774,7 @@ nav.paging-navigation .nav-next,
 .comments-area .comment-notes {
   display: none;
 }
-@media screen and (max-width: 970px) {
+@media screen and (max-width: 1160px) {
   header.site-header {
     position: static;
     width: auto;

diff --git a/style.styl b/style.styl
@@ -164,8 +164,12 @@ footer.site-footer
 
 /* =Header
 -------------------------------------------------------------- */
+.header-container
+	width: 1160px;
+	margin: auto;
+	position: relative;
 header.site-header
-	background: #fff; position: fixed; top: 0px; z-index: 10000; left: 80px; width: 150px; 
+	background: #fff; position: absolute; top: 0px; z-index: 10000; left: 80px; width: 150px; 
 	h1 
 		margin: 0; padding: 0;
 		a
@@ -229,7 +233,7 @@ body.admin-bar header.site-header, body
 	&.nav-next{text-align: right; float: right;}
 
 .center-content, #disqus_thread
-	max-width: 580px; margin: 0 100px 0 260px; padding: 0 20px; display: block; 
+	max-width: 580px; margin: 0 auto 0 auto; padding: 0 20px; display: block; 
 
 article.post, article.attachment, article.page
 	border-bottom: 1px solid #ebebeb;
@@ -456,7 +460,7 @@ nav.paging-navigation, #nav-below
 	.form-allowed-tags, .comment-notes{display: none;}
 
 
-@media screen and (max-width: 970px)
+@media screen and (max-width: 1160px)
 	header.site-header
 		position: static;
 		width: auto;