WordPress.org

Making WordPress.org

Changeset 3632


Ignore:
Timestamp:
07/07/2016 06:18:43 AM (3 years ago)
Author:
pento
Message:

Breathe: Fix navigation responsiveness.

The nav bar needed some re-shuffling and CSS tweaks to make it responsive. This also fixes alignment issues when a viewport crosses back and forth between the threshold for moving the navigation to the sidebar.

Fixes #1795.

Location:
sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-breathe
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-breathe/functions.php

    r3631 r3632  
    77
    88    // Cacheing hack
    9     wp_enqueue_style( 'wporg-breathe', get_stylesheet_uri(), array( 'p2-breathe' ), '20160707a' );
     9    wp_enqueue_style( 'wporg-breathe', get_stylesheet_uri(), array( 'p2-breathe' ), '20160707b' );
    1010}
    1111add_action( 'wp_enqueue_scripts', __NAMESPACE__ . '\styles', 11 );
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-breathe/header.php

    r3631 r3632  
    1111            <p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
    1212        <?php endif; ?>
     13    </div>
    1314
    14         <nav id="site-navigation" class="navigation-main clear" role="navigation">
    15             <div class="screen-reader-text skip-link"><a href="#content" title="<?php _e( 'Skip to content', 'p2-breathe' ); ?>"><?php _e( 'Skip to content', 'p2-breathe' ); ?></a></div>
     15    <nav id="site-navigation" class="navigation-main clear" role="navigation">
     16        <div class="screen-reader-text skip-link"><a href="#content" title="<?php _e( 'Skip to content', 'p2-breathe' ); ?>"><?php _e( 'Skip to content', 'p2-breathe' ); ?></a></div>
    1617
    17             <?php wp_nav_menu( array( 'theme_location' => 'primary', 'fallback_cb' => false ) ); ?>
    18         </nav><!-- .navigation-main -->
    19     </div>
     18        <?php wp_nav_menu( array( 'theme_location' => 'primary', 'fallback_cb' => false ) ); ?>
     19    </nav><!-- .navigation-main -->
    2020</header><!-- .site-header -->
    2121
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-breathe/style.css

    r3631 r3632  
    8585.navigation-main {
    8686    background: transparent;
    87     display: inline-block;
    88     float: right;
    89     position: inherit;
    90     top: auto;
    91     left: auto;
    92     width: auto;
     87    position: static;
     88    max-width: 960px;
     89    margin: -32px auto 0px auto;
     90    text-align: right;
    9391}
    9492
Note: See TracChangeset for help on using the changeset viewer.