Updating header

move FaceBook icon to right of number. add spacing.

diff --git a/header.php b/header.php
index 9a7c664..57d704b 100644 (file)
--- a/header.php
+++ b/header.php
@@ -11,8 +11,8 @@
     <div class="row">\r
         <a href="<?php bloginfo('url'); ?>" title="<?php bloginfo('name'); ?>"><img src="<?php bloginfo('template_url'); ?>/images/logo.png" alt="<?php bloginfo('name'); ?>" width="500" height="98" id="logo"></a>\r
         <p style="position: relative;">\r
-            <a target="_blank" href="https://www.facebook.com/hotelharborsprings/"><img id="facebook-icon" src="<?php bloginfo('template_url'); ?>/images/FB-1.png" height="24" width="24"></a>\r
             <span>Call:</span> (231) 526-2111\r
+            <a target="_blank" href="https://www.facebook.com/hotelharborsprings/"><img id="facebook-icon" src="<?php bloginfo('template_url'); ?>/images/FB-1.png" height="24" width="24"></a>\r
         </p>\r
         <address>210 Artesian Avenue<br>Harbor Springs MI 49740</address>\r
     </div>\r

diff --git a/style.css b/style.css
index cc4156b..83ff154 100644 (file)
--- a/style.css
+++ b/style.css
@@ -239,7 +239,7 @@ ul.room-gallery li img { display:block; margin:0 auto; }
 /* Media Queries */\r
 @media(min-width:419px) {\r
   body { font-size:15px; }\r
-  #facebook-icon { position: relative; float: left; margin-left: 20%; display: inline !important; }\r
+  #facebook-icon { margin: 0 20px; display: inline !important; }\r
 }\r
 @media(max-width:499px) {\r
   #slideshow div.slide { height:160px }\r
@@ -309,6 +309,6 @@ ul.room-gallery li img { display:block; margin:0 auto; }
   #banner img { max-width:1170px; }\r
   h1{font-size:32px}\r
   h2{font-size:28px}\r
-    #facebook-icon { position: absolute; right: 200px; top: 6px; }\r
+    #facebook-icon { margin: 0 20px; }\r
 }\r
 @media print{*,*:before,*:after{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important;}a,a:visited{text-decoration:underline;}pre,blockquote{border:1px solid #999;page-break-inside:avoid;}thead{display:table-header-group;}tr,img{page-break-inside:avoid;}img{max-width:100% !important;}p,h2,h3{orphans:3;widows:3;}h2,h3{page-break-after:avoid;}}\r