From bad00bf36bd06b6293659d2095f5fc6f8733f7de Mon Sep 17 00:00:00 2001
From: Steve Sutton <steve@gaslightmedia.com>
Date: Wed, 19 Nov 2014 13:06:02 -0500
Subject: [PATCH] Working on the mobile menu

output with the arrows
---
 assets/pf-arrow-mmenu.png | Bin 0 -> 407 bytes
 css/styles.css            |  54 +++++++++++++++++++++++++++++++++++++-
 footer.php                |  17 +++++++++++-
 3 files changed, 69 insertions(+), 2 deletions(-)
 create mode 100644 assets/pf-arrow-mmenu.png

diff --git a/assets/pf-arrow-mmenu.png b/assets/pf-arrow-mmenu.png
new file mode 100644
index 0000000000000000000000000000000000000000..b60173b5ce8b31297c2baa7a407e2d4519e3438e
GIT binary patch
literal 407
zcmeAS@N?(olHy`uVBq!ia0vp^8bBPv!3HEh$dz6PQfx`y?k)`fL2$v|<&%LToCO|{
z#S9GG!XV7ZFl&wkP>{XE)7O>#9=EWdmEzJJlK&YP7*#x7978hhy`6cM_mBaP+w3k?
zi=xC1uM)0hi48u7MHCEK#QS;@*I7={_~$v>YX1A&dGns`SjQ~Lt9#tSM2>+)f#Ew}
z#f5zj{`^@ruRgv{R$@>4<@;sAqV4zP)?aX+81qti4Zq&T=dWjN+!B#>{=RE&;>2YC
zlmO<Ft)FjqtBR?9tEoR*pyTy+ZBhX9a<(-Wna=V)<H>yc_4CR7DW?v_#XARQojEn{
z<b@FBwV5n`?lLJbFmgCBFbOn(tY+Mim~i<@NY`VVz&Yw!LI$jxTiz%i^***n=a=~m
z<J82ByBu|wa2afWanI(cj76{Od{-sUwO1C|H_tjWAwuT*x+uLR^F^ZXRmybR@mzZ$
vu~e*<$9L!64P_a(_ByUP!~n7A9AkZpW$s_0_B1A75HfhW`njxgN@xNAR+yd&

literal 0
HcmV?d00001

diff --git a/css/styles.css b/css/styles.css
index c5d2fd1..b00e6d8 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -572,4 +572,56 @@ img.alignleft, img.alignright, img.aligncenter, div.wp-caption img {
     margin-top: 50px;
     border: 4px solid white;
 }
-/* End Slideshow */
\ No newline at end of file
+/* End Slideshow */
+
+/* for the mobile menu */
+aside.left-off-canvas-menu {
+  background: transparent;
+  background-color: rgba(255, 255, 255, 0.8);
+}
+aside.left-off-canvas-menu li.page_item {
+  display: block;
+  overflow: hidden;
+  position: relative;
+}
+aside.left-off-canvas-menu .off-canvas-list ul li a {
+  font-family: "Arial";
+  font-size: 18px;
+  line-height: 20px;
+  color: black;
+  border-bottom: 1px solid #b1b3b6;
+  background-repeat: no-repeat;
+  background-position: 3px 50%;
+  padding-left: 55px;
+}
+aside.left-off-canvas-menu .off-canvas-list ul li a:hover {
+  background-color: transparent;
+  color: #f27225;
+}
+aside.left-off-canvas-menu li.page_item_has_children a.toggle {
+  background: url('../assets/pf-arrow-mmenu.png');
+  background-repeat: no-repeat;
+  background-position: 50% 3px;
+  width: 40px;
+  height: 100%;
+  position: absolute;
+  right: 0;
+  top: 0;
+  transition: none;
+}
+aside.left-off-canvas-menu li.page_item_has_children a.toggle.open {
+  background-position: 50% -40px;
+}
+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;
+  font-size: 16px;
+  line-height: 18px;
+}
+aside.left-off-canvas-menu ul.open {
+  display: block;
+}
+/* End Mobile Menu */
\ No newline at end of file
diff --git a/footer.php b/footer.php
index b3a060e..927f83e 100644
--- a/footer.php
+++ b/footer.php
@@ -67,7 +67,22 @@
  </div><!--/off-canvas-->
     <script src="<?php bloginfo('template_url'); ?>/js/foundation.min.js"></script>
     <script>
-     $(document).foundation();
+    $(document).foundation();
+    $(document).ready(function(){
+        $('ul.children').each(function(){
+            $(this).before('<a class="toggle" href="#"></a>');
+        });
+        $('a.toggle').click('click', function(){
+            console.log('clicked me!');
+            $(this).toggleClass('open');
+            $(this).siblings('ul').toggleClass('open');
+        });
+//        $('.off-canvas-list').find('a.toggle').click(function(){
+//            console.log('clicked me!');
+//            $(this).toggleClass('open');
+//            $(this).siblings('ul').toggleClass('open');
+//        });
+    });
     </script>
     <?php wp_footer();?>
  </body>
-- 
2.17.1