Update header section

Setup the phone and social to the right.
Remove the client login and contact us links.
Rearrange for medium view

diff --git a/header.php b/header.php
index a6ee521..522f855 100644 (file)
--- a/header.php
+++ b/header.php
@@ -13,23 +13,29 @@
         <div class="inner-wrap">
             <div id="page-wrapper">
                 <div id="ab-shadow" class="row collapse">
-                    <div id="social" class="large-1 column show-for-large-up">
+                    <div class="small-12 medium-4 medium-offset-4 columns show-for-medium-down text-center">
+                        <a href="<?php bloginfo('url'); ?>"><img src="<?php echo get_template_directory_uri(); ?>/assets/logo.png"></a>
+                    </div>
+                    <div class="medium-4 show-for-medium-only columns">
+                        <div class="row">
+                            <div id="social" class="medium-12 text-right columns">
+                                <a id="face" href="#"><img src="<?php echo get_template_directory_uri(); ?>/assets/facebook.png"></a>
+                                <a href="#"><img src="<?php echo get_template_directory_uri(); ?>/assets/linkedin.png"></a>
+                                <a id="tube" href="#"><img src="<?php echo get_template_directory_uri(); ?>/assets/youtube.png"></a>
+                            </div>
+                            <div class="medium-12 text-right columns">
+                                <h3>231-439-0027</h3>
+                            </div>
+                        </div>
+                    </div>
+                    <div id="social" class="medium-3 large-1 right column show-for-large-up">
                         <a id="face" href="#"><img src="<?php echo get_template_directory_uri(); ?>/assets/facebook.png"></a>
                         <a href="#"><img src="<?php echo get_template_directory_uri(); ?>/assets/linkedin.png"></a>
                         <a id="tube" href="#"><img src="<?php echo get_template_directory_uri(); ?>/assets/youtube.png"></a>
                     </div>
-                    <div class="medium-4 large-2 columns show-for-medium-up">
+                    <div class="medium-4 large-2 columns right show-for-large-up">
                         <h3>231-439-0027</h3>
                     </div>
-                    <div class="small-12 medium-4 columns show-for-medium-down text-center">
-                        <a href="<?php bloginfo('url'); ?>"><img src="<?php echo get_template_directory_uri(); ?>/assets/logo.png"></a>
-                    </div>
-                    <div id="client-nav" class="medium-4 large-3 columns show-for-medium-up text-right">
-                        <ul>
-                            <li><a href="<?php bloginfo('url'); ?>/client-login/">Client Login</a></li>
-                            <li><a href="<?php bloginfo('url'); ?>/contact/">Contact</a></li>
-                        </ul>
-                    </div>
                 </div>
                 <div class="shadow-wrapper">
                     <header>