Ticket #25054: 25054.socialfocus.diff

header.php

@@ -67 +67 @@
                         <div class="header-extra">
                                 <?php if ( $social_links ) : ?>
                                 <div class="social-links-toggle">
-                                        <span class="genericon"><?php _e( 'Connect', 'twentyfourteen' ); ?></span>
+                                        <a href='#social-links-container'>
+                                                <span class="genericon"><?php _e( 'Connect', 'twentyfourteen' ); ?></span>
+                                        </a>
                                 </div>
                                 <?php endif; ?>
 
@@ -87 +89 @@
                 <div id="mobile-navigations" class="hide"></div>
 
                 <?php if ( $social_links ) : ?>
-                        <div class="social-links-wrapper hide">
+                        <div class="social-links-wrapper hide" id="social-links-container">
                                 <ul class="social-links clear">
                                         <?php if ( is_email( $email_link ) ) : ?>
                                         <li class="email-link">
@@ -180 +182 @@
                         </div>
                 <?php endif; ?>
 
-                <div class="search-box-wrapper hide">
+                <div class="search-box-wrapper hide" id="search-container">
                         <div class="search-box clear">
                         <?php get_search_form(); ?>
                         </div>

style.css

@@ -659 +659 @@
         text-align: center;
         text-transform: uppercase;
 }
+.social-links-toggle a {
+        color: #fff;
+}
 .social-links-toggle:hover,
 .search-toggle:hover,
 .social-links-toggle.active,