more changes to the off canvas menu

diff --git a/css/app.css b/css/app.css
index 491f9f2..19689e8 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -7522,6 +7522,9 @@ aside.right-off-canvas-menu ul.open {
       .right-off-canvas-menu ul#off-extras li a#ready-off:hover {
         background: url(../assets/ready-to-get-started.jpg) no-repeat;
         background-position: 0px -79px; }
+    .right-off-canvas-menu ul#off-extras li a#right-social {
+      position: absolute;
+      right: 25px; }
 
 .offcavas-social-list {
   list-style: none;

diff --git a/parts/off-canvas-menu.php b/parts/off-canvas-menu.php
index 4c1d45f..4c31382 100644 (file)
--- a/parts/off-canvas-menu.php
+++ b/parts/off-canvas-menu.php
@@ -8,7 +8,7 @@
     <?php glm_theme_mobile_off_canvas(); ?>
     <ul id="off-extras">
         <li><a id="ready-off" href="<?php bloginfo('url');?>/contact-us/"></a></li>
-        <li>231.487.0692 <a><img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/facebook-icon.png"></a></li>
+        <li>231.487.0692 <a id="right-social"><img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/facebook-icon.png"></a></li>
     </ul>
     <ul class="offcavas-social-list">
         

diff --git a/scss/_right-off-canvas.scss b/scss/_right-off-canvas.scss
index 66fe6eb..6b22910 100644 (file)
--- a/scss/_right-off-canvas.scss
+++ b/scss/_right-off-canvas.scss
@@ -96,17 +96,23 @@ aside.right-off-canvas-menu ul.open {
             }
             &#off-extras {
                 li {
-                    a#ready-off {
-                        float: none;
-                        margin: 0 auto;
-                        height: 69px;
-                        width: 219px;
-                        background: url(../assets/ready-to-get-started.jpg) no-repeat;
-                        background-position: 0 0;
-                        display: block;
-                        &:hover {
+                    a {
+                        &#ready-off {
+                            float: none;
+                            margin: 0 auto;
+                            height: 69px;
+                            width: 219px;
                             background: url(../assets/ready-to-get-started.jpg) no-repeat;
-                            background-position: 0px -79px;
+                            background-position: 0 0;
+                            display: block;
+                            &:hover {
+                                background: url(../assets/ready-to-get-started.jpg) no-repeat;
+                                background-position: 0px -79px;
+                            }
+                        }
+                        &#right-social {
+                            position: absolute;
+                            right: 25px;
                         }
                     }
                 }