Updating site with facebook icon

Placing facebook icon to the left of the Call number.

diff --git a/header.php b/header.php
index d63a16c..4fdb244 100644 (file)
--- a/header.php
+++ b/header.php
@@ -8,11 +8,14 @@
 </head>\r
 <body<?php global $post; $slug = get_post($post)->post_name; $dir = " id=\"$slug\""; echo $dir ?>>\r
 <header class="container">\r
-<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><span>Call:</span> (231) 526-2111</p>\r
-<address>210 Artesian Avenue<br>Harbor Springs MI 49740</address>\r
-</div>\r
+    <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
+        </p>\r
+        <address>210 Artesian Avenue<br>Harbor Springs MI 49740</address>\r
+    </div>\r
 </header>\r
     <menu class="navbar yamm navbar-default">\r
       <nav class="container">\r
@@ -64,8 +67,9 @@
         </div>\r
       </nav>\r
     </menu>\r
-<?php if (is_front_page()) {\r
-  if(get_field('slideshow')) {\r
+<?php\r
+if (is_front_page()) {\r
+  if(function_exists( 'get_field') && get_field('slideshow')) {\r
     echo "<div id=\"featured\"><div id=\"slideshow\"><div class=\"cycle-prev\"><i class=\"fa\">&#xf137;</i></div><div class=\"cycle-next\"><i class=\"fa\">&#xf138;</i></div>";\r
     while(has_sub_field('slideshow'))  {\r
       $image = get_sub_field('image');\r
@@ -74,10 +78,11 @@
     echo "</div></div>\n";\r
   }\r
 } else {\r
-  if(get_field('banner-image')) {\r
+  if(function_exists( 'get_field') && get_field('banner-image')) {\r
     echo "<div id=\"banner\">";\r
     $image = get_field('banner-image');\r
     if(!empty($image)){ echo '<img src="'. $image['url'] . '" width="1170" height="376" alt="' . $image['alt'] . '">'; }\r
     echo "</div>\n";\r
   }\r
-} ?>\r
+}\r
+?>\r

diff --git a/images/FB-1.png b/images/FB-1.png
new file mode 100644 (file)
index 0000000..ee99f08
Binary files /dev/null and b/images/FB-1.png differ

diff --git a/style.css b/style.css
index e094cce..a4400eb 100644 (file)
--- a/style.css
+++ b/style.css
@@ -234,9 +234,12 @@ ul.room-gallery { list-style:none; width:100%; margin:1.5em 0 0; padding:0; clea
 ul.room-gallery li { width:100%; margin:0; padding:0 0 1px; display:block; }\r
 ul.room-gallery li img { display:block; margin:0 auto; }\r
 \r
+/* facebook in header */\r
+\r
 /* 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
 }\r
 @media(max-width:499px) {\r
   #slideshow div.slide { height:160px }\r
@@ -306,5 +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
 }\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