Connect With Us in footer and Blog icon added

diff --git a/assets/header-social.png b/assets/header-social.png
index 23fc008..08ac71c 100644 (file)
Binary files a/assets/header-social.png and b/assets/header-social.png differ

diff --git a/footer.php b/footer.php
index fabe607..404a980 100644 (file)
--- a/footer.php
+++ b/footer.php
@@ -26,15 +26,16 @@
                     <div  class="copy-right">
                         <?php get_template_part('parts/glm-client-info'); ?>
                     </div><!-- .copy-right -->
-                    <div id="footer-social">
-                        <!-- <a href="<?php echo get_permalink(876); ?>" class="online-reservation">Online Reservations</a> -->
-                        <a class="social-icon fb" target="_blank" href="https://www.facebook.com/Hotel-Earl-613767705648216/?ref=br_rs"></a>
-                    </div>
                 </div>
                 <div id="footer-right" class="footer-section">
-                    <a href="https://www.staffords.com" target="_blank">
-                        <img class="staffords-logo" src="<?php echo get_template_directory_uri();?>/assets/staffords-logo.png" alt="">  
-                    </a>
+                    <div id="footer-social-wrapper">
+                        <span id="footer-social-title">Connect With Us</span>
+                        <div id="footer-social">
+                            <!-- <a href="<?php echo get_permalink(876); ?>" class="online-reservation">Online Reservations</a> -->
+                            <a class="social-icon facebook" target="_blank" href="https://www.facebook.com/Hotel-Earl-613767705648216/?ref=br_rs"></a>
+                            <a class="social-icon blog" href="<?php echo get_permalink( get_option( 'page_for_posts' ) ); ?>"></a>
+                        </div>
+                    </div>
                 </div>
                 
             </div>

diff --git a/header.php b/header.php
index c415719..3f8ae16 100644 (file)
--- a/header.php
+++ b/header.php
@@ -36,7 +36,8 @@
                <div class="mid-content clearfix">
             <div class="social-header">
                 <!-- <a href="<?php echo get_permalink(876); ?>" class="online-reservation">Online Reservations</a> -->
-                <a class="social-icon fb" href="https://www.facebook.com/Hotel-Earl-613767705648216/?ref=br_rs" target="_blank"></a>
+                <a class="social-icon facebook" href="https://www.facebook.com/Hotel-Earl-613767705648216/?ref=br_rs" target="_blank"></a>
+                <a class="social-icon blog" href="<?php echo get_permalink( get_option( 'page_for_posts' ) ); ?>"></a>
             </div>
             <div class="flex-box">
                 

diff --git a/style.css b/style.css
index 5da4f83..70548a0 100644 (file)
--- a/style.css
+++ b/style.css
@@ -1222,6 +1222,42 @@ Main Header
 --------------------------------------------------------------*/
 #footer_address{
     width: 100%;
+}
+#footer-right {
+}
+#footer-social-wrapper {
+    position: relative;
+    top: 30px;
+}
+#footer-social-wrapper #footer-social {
+    right: 0;
+    top: 20px;
+}
+#footer-social .social-icon.blog {
+    background-position: 24px 0px;
+    left: 200px;
+}
+#footer-social .social-icon.facebook {
+    background-position: 0px 0px;
+    left: 160px;
+    min-width: 25px !important;
+}
+#footer-social-title {
+    font-weight: bold;
+}
+@media (max-width: 768px) {
+    #footer-social-wrapper {
+        display: none;
+    }
+}
+.social-header .social-icon {
+    margin-right: 10px
+}
+.social-header .social-icon.blog {
+    background-position: 24px 0px;
+}
+.social-header .social-icon.facebook {
+
 }
 #masthead {
     width: 100%;