Update the mobile area

Output the address phone number and search into the mobile off canvas
area.

diff --git a/parts/off-canvas-menu.php b/parts/off-canvas-menu.php
index 82fba5c..40f1f81 100644 (file)
--- a/parts/off-canvas-menu.php
+++ b/parts/off-canvas-menu.php
@@ -1,3 +1,15 @@
 <aside class="left-off-canvas-menu hide-for-large-up">
     <?php glm_offcanvas_menu(); ?>
+    <div class="row">
+        <div class="small-12 columns">
+            <input type="search" placeholder="Search">
+        </div>
+    </div>
+    <ul class="vcard mobile-vcard">
+        <li class="street-address">501 East Water Street</li>
+        <li class="locality">Sault Ste. Marie, <span class="state">MI</span> <span class="zip">49783</span></li>
+        <li>Toll Free (906) 632-3658</li>
+        <li>Local (906) 632-3658</li>
+        <li>Fax (906) 632-9344</li>
+    </ul>
 </aside>

diff --git a/scss/_structure.scss b/scss/_structure.scss
index 86b0646..7c39497 100644 (file)
--- a/scss/_structure.scss
+++ b/scss/_structure.scss
@@ -39,27 +39,27 @@ body {
                     }
                     a {
                         &#magnifying-glass {
-                            font-size: 10em; /* This controls the size. */ 
-                            display: inline-block; 
-                            width: rem-calc(10); 
+                            font-size: 10em; /* This controls the size. */
+                            display: inline-block;
+                            width: rem-calc(10);
                             height: rem-calc(10);
-                            border: rem-calc(2) solid $red; 
-                            position: relative; 
+                            border: rem-calc(2) solid $red;
+                            position: relative;
                             border-radius: 0.35em;
                             bottom: rem-calc(-13);
                             left: rem-calc(182);
                             margin-top: -5px;
                             &:before {
-                                content: ""; 
-                                display: inline-block; 
-                                position: absolute; 
-                                right: rem-calc(-7); 
-                                bottom: rem-calc(-4); 
-                                border-width: 0; 
-                                background: $red; 
-                                width: rem-calc(8); 
-                                height: rem-calc(2); 
-                                -webkit-transform: rotate(45deg); 
+                                content: "";
+                                display: inline-block;
+                                position: absolute;
+                                right: rem-calc(-7);
+                                bottom: rem-calc(-4);
+                                border-width: 0;
+                                background: $red;
+                                width: rem-calc(8);
+                                height: rem-calc(2);
+                                -webkit-transform: rotate(45deg);
                                 -moz-transform: rotate(45deg);
                                 -ms-transform: rotate(45deg);
                                 transform: rotate(45deg);
@@ -190,7 +190,7 @@ body {
                                     }
                                 }
                                 &.drop_left {
-                                    
+
                                     & .dropdown {
                                         padding-left: 205px;
                                         padding-right: 21px;
@@ -225,7 +225,7 @@ body {
                                             }
                                             &.brief-d {
                                                 h3 {
-                                                    font-family:'Josefin Slab'; 
+                                                    font-family:'Josefin Slab';
                                                     font-size: rem-calc(20);
                                                     font-weight: bold;
                                                     color: $blue;
@@ -263,7 +263,7 @@ body {
                                     }
                                 }
                                 &.drop_right {
-                                    
+
                                     & .dropdown {
                                         padding-left: 21px;
                                         padding-right: 205px;
@@ -553,3 +553,9 @@ body {
         }
     }
 }
+/* START mobile address */
+.mobile-vcard {
+    border: none;
+    color: $white;
+}
+/* END mobile address */