Changeset 1406

Timestamp:

03/17/2015 05:27:02 PM (10 years ago)

Author:

obenland

Message:

WP.org Themes: New place for the secondary navigation.

Moves the navigation underneath the heading band, regardless of screen size.

See #947.

Location:

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes

Files:

• header.php (modified) (1 diff)
• style.css (modified) (5 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/header.php

@@ -14 +14 @@
     <div class="wrapper">
         <h2 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h2>
-        <nav id="site-navigation" class="main-navigation" role="navigation">
-            <?php
-                wp_nav_menu( array(
-                    'theme_location' => 'primary',
-                    'container'      => false,
-                    'depth'          => 1,
-                ) );
-            ?>
-        </nav>
     </div>
 </div>
+<nav id="site-navigation" class="main-navigation" role="navigation">
+    <?php
+        wp_nav_menu( array(
+            'theme_location' => 'primary',
+            'container'      => false,
+            'depth'          => 1,
+        ) );
+    ?>
+</nav>

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/style.css

@@ -72 +72 @@
 
 /* assorted overrides */
-#headline {
-    height: auto;
-}
-
 #headline h2 {
     margin-bottom: 16px;
@@ -404 +400 @@
     -moz-box-sizing: border-box;
     box-sizing: border-box;
-    margin: 12px 0 25px;
+    margin: 20px 0 25px;
     padding: 0 20px;
     width: 100%;
@@ -763 +759 @@
 
 /* Secondary header design */
+.main-navigation {
+    background: #dfdfdf;
+}
+
 .main-navigation .menu {
-    float: right;
-    font-size: 14px;
+    font-size: 13px;
     font-weight: bold;
     list-style: none;
-    margin-right: 15px;
-    padding-top: 22px;
+    margin: 0 auto;
+    padding: 10px 0;
+    width: 960px;
 }
 
@@ -778 +778 @@
 .main-navigation .menu li:first-of-type {
      padding-left: 10px;
+}
+
+#site-navigation.main-navigation a {
+    color: #636363;
 }
 
@@ -791 +795 @@
     }
     .main-navigation .menu {
-        background: #f5f5f5;
-        border-top: 1px solid #d7d7d7;
         margin: 0;
         padding: 8px 0;