Off-canvas menu, mixins included earlier, google map, logo centered in small

diff --git a/root/header.php b/root/header.php
index 5745709..d107370 100644 (file)
--- a/root/header.php
+++ b/root/header.php
@@ -16,7 +16,7 @@
                 <div class="shadow-wrapper">
                     <header>
                         <div class="row">
-                            <div class="small-12 small-centered medium-4 medium-uncentered columns">
+                            <div id="logo_wrapper" class="small-12 small-centered medium-4 medium-uncentered columns">
                                 <a href="<?php bloginfo('url');?>"><img src="<?php echo get_template_directory_uri(); ?>/assets/logo.png"></a>
                             </div>
                             <div class="medium-6 large-3 columns show-for-medium-up">

diff --git a/root/scss/_structure.scss b/root/scss/_structure.scss
index 70c5180..184b0b8 100644 (file)
--- a/root/scss/_structure.scss
+++ b/root/scss/_structure.scss
@@ -41,6 +41,11 @@ body {
                     }
                     
                 }
+                #logo_wrapper {
+                    @media #{$small-only} {
+                        text-align: center;
+                    }
+                }
                 #top_search {
                     position: relative;
                     float: right;
@@ -384,4 +389,107 @@ body {
             }
         }
     }
-}
\ No newline at end of file
+}
+
+/* Google Map */
+#map_container {
+    padding: 5px;
+    background: lightgrey;
+    display: table;
+    float: none;
+    margin: 0 auto;
+}
+#map_directions .button {
+    width: 100%;
+    margin: 0;
+}
+/* End Google Map */
+
+/* for the mobile menu */
+aside.left-off-canvas-menu {
+  background: transparent;
+  background-color: $primary-color;
+  color: white;
+}
+aside.left-off-canvas-menu li.page_item {
+  display: block;
+  overflow: hidden;
+  position: relative;
+  padding: 4px 8px;
+}
+aside.left-off-canvas-menu .off-canvas-list ul li a {
+  line-height: 20px;
+  color: white;
+  border-bottom: 1px solid #b1b3b6;
+  background-repeat: no-repeat;
+  background-position: 3px 50%;
+}
+aside.left-off-canvas-menu .off-canvas-list ul li a:hover {
+  background-color: $secondary-color;
+  color: black;
+}
+aside.left-off-canvas-menu li.page_item_has_children a.toggle {
+  @include off-canvas-arrow(down, $secondary-color);
+  font-size: 0;
+  height: 0;
+  line-height: 0;
+  padding: 0;
+  position: absolute;
+  right: 10px;
+  top: 13px;
+  width: 0;
+}
+aside.left-off-canvas-menu li.page_item_has_children:hover > a.toggle {
+    @include off-canvas-arrow(down, $primary-color);
+}
+aside.left-off-canvas-menu li.page_item_has_children a.toggle.open {
+    @include off-canvas-arrow(up, $secondary-color);
+}
+aside.left-off-canvas-menu li.page_item_has_children:hover > a.toggle.open {
+    @include off-canvas-arrow(up, $primary-color);
+}
+aside.left-off-canvas-menu li.page_item_has_children a.toggle.open:hover {
+    background-color: $primary-color;
+}
+aside.left-off-canvas-menu ul.children {
+  display: none;
+}
+aside.left-off-canvas-menu .off-canvas-list ul li > ul li > a {
+  padding-left: 10px;
+  margin-left: 25px;
+  line-height: 18px;
+}
+aside.left-off-canvas-menu ul.open {
+  display: block;
+}
+.left-off-canvas-menu {
+        list-style: none;
+        li {
+            a {
+                color: $white;
+                font-size: rem-calc(20);
+                line-height: 150%;
+                border-color: white;
+            }
+            a:hover {
+                color: black;
+            }
+            .dropdown {
+                list-style: none;
+            }
+        }
+        ul {
+            list-style: none;
+            
+            padding: 10px 0;
+            li {
+                a {
+                    color: $white;
+                }
+                ul {
+                    list-style: none;
+                }
+            }
+        }
+}
+/* End Mobile Menu */
\ No newline at end of file

diff --git a/root/scss/app.scss b/root/scss/app.scss
index dfb448c..23e65b3 100644 (file)
--- a/root/scss/app.scss
+++ b/root/scss/app.scss
@@ -1,8 +1,8 @@
+@import "mixins";
 @import "settings";
 @import "foundation";
 @import "structure";
 @import "wordpress";
-@import "mixins";
 
 // Or selectively include components
 // @import