working on off canvas structure

diff --git a/css/app.css b/css/app.css
index a7beeb5..a301a3b 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -7468,8 +7468,7 @@ aside.right-off-canvas-menu ul.open {
   display: block; }
 
 .right-off-canvas-menu {
-  list-style: none;
-  z-index: 1010; }
+  list-style: none; }
   .right-off-canvas-menu .off-canvas-list li {
     color: #FFFFFF; }
     .right-off-canvas-menu .off-canvas-list li a {
@@ -7493,6 +7492,14 @@ aside.right-off-canvas-menu ul.open {
     padding: 10px 0; }
     .right-off-canvas-menu ul li ul {
       list-style: none; }
+    .right-off-canvas-menu ul#off-extras li a#ready-off {
+      height: 69px;
+      width: 219px;
+      background: url(../assets/ready-to-get-started.jpg) no-repeat;
+      background-position: 0 0; }
+      .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; }
 
 .offcavas-social-list {
   list-style: none;

diff --git a/parts/off-canvas-menu.php b/parts/off-canvas-menu.php
index 3d9bd27..0fff2c6 100644 (file)
--- a/parts/off-canvas-menu.php
+++ b/parts/off-canvas-menu.php
@@ -6,9 +6,11 @@
 
 <aside class="right-off-canvas-menu">
     <?php glm_theme_mobile_off_canvas(); ?>
-    <?php get_template_part('parts/search');?>
-    <?php get_template_part('parts/client-info-offcanvas');?>
+    <ul id="off-extras">
+        <li><a id="ready-off" href="<?php bloginfo('url');?>/contact-us/"></a></li>
+        <li><a><img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/facebook-icon.png"></a></li>
+    </ul>
     <ul class="offcavas-social-list">
-        <li><a><img src="<?php bloginfo('template_url'); ?>/assets/facebook-icon.png"></a></li>
+        
     </ul>
 </aside>

diff --git a/scss/_right-off-canvas.scss b/scss/_right-off-canvas.scss
index 9f7093c..a89fb15 100644 (file)
--- a/scss/_right-off-canvas.scss
+++ b/scss/_right-off-canvas.scss
@@ -48,7 +48,6 @@ aside.right-off-canvas-menu ul.open {
 }
 .right-off-canvas-menu {
         list-style: none;
-    z-index: 1010;
     .off-canvas-list {
         li {
             color: $white;
@@ -95,6 +94,20 @@ aside.right-off-canvas-menu ul.open {
                     list-style: none;
                 }
             }
+            &#off-extras {
+                li {
+                    a#ready-off {
+                        height: 69px;
+                        width: 219px;
+                        background: url(../assets/ready-to-get-started.jpg) no-repeat;
+                        background-position: 0 0;
+                        &:hover {
+                            background: url(../assets/ready-to-get-started.jpg) no-repeat;
+                            background-position: 0px -79px;
+                        }
+                    }
+                }
+            }
         }
 }
 .offcavas-social-list {