wrapping up off canvas structure

diff --git a/css/app.css b/css/app.css
index 6cfcd60..491f9f2 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -7512,10 +7512,13 @@ aside.right-off-canvas-menu ul.open {
     .right-off-canvas-menu ul li ul {
       list-style: none; }
     .right-off-canvas-menu ul#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; }
+      background-position: 0 0;
+      display: block; }
       .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; }

diff --git a/parts/off-canvas-menu.php b/parts/off-canvas-menu.php
index 0fff2c6..4c1d45f 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><a><img src="<?php echo esc_url( get_template_directory_uri() );?>/assets/facebook-icon.png"></a></li>
+        <li>231.487.0692 <a><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 a89fb15..66fe6eb 100644 (file)
--- a/scss/_right-off-canvas.scss
+++ b/scss/_right-off-canvas.scss
@@ -97,10 +97,13 @@ 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 {
                             background: url(../assets/ready-to-get-started.jpg) no-repeat;
                             background-position: 0px -79px;