diff --git a/header.php b/header.php index 0691304..03ddd53 100755 --- a/header.php +++ b/header.php @@ -26,14 +26,17 @@ - + + + - - - + + + - - 'primary' ) ); ?> - - - + + 'primary' ) ); ?> + + + + diff --git a/style.css b/style.css index 514140a..4514693 100755 --- 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 index 8acc705..f601634 100755 --- 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;