[#118543823] Adds sidenav on mobile display

WanjohiWanjohi · Apr 29, 2016 · a614a2f · a614a2f
1 parent eef450d
commit a614a2f
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/public/index.html b/public/index.html
@@ -18,11 +18,12 @@
         <nav>
             <div class="nav-wrapper #ff4081 pink darken-4">
                 <a id="font" href="#" class="brand-logo">RegisterAPP</a>
+                <a href="#" data-activates="nav-side" class="button-collapse"><i class="material-icons">menu</i></a>
                 <ul id="nav-mobile" class="right hide-on-med-and-down">
-                    <li><a id="get-started">GET STARTED</a></li>
+                    <li><a class="get-started">GET STARTED</a></li>
                 </ul>
                 <ul id="nav-side" class="side-nav">
-                    <li><a id="get-started">GET STARTED</a></li>
+                    <li><a class="get-started">GET STARTED</a></li>
                 </ul>
             </div>
         </nav>

diff --git a/public/js/script.js b/public/js/script.js
@@ -1,4 +1,7 @@
 $(function () {
+
+  $(".button-collapse").sideNav();
+
   // GET function
   $(document).on('click', '#get-button', function() {
     $.ajax({
@@ -65,9 +68,12 @@ $(function () {
   });
 
   // GET STARTED button function
-  $('#get-started').on('click', function() {
+  $('.get-started').on('click', function() {
     $('#o').fadeOut();
     $('#p').show();
-    $('#get-started').text('');
+    $('.get-started').text('');
+    $('#nav-side').hide();
+    $('#sidenav-overlay').hide();
+    $('.button-collapse').hide();
   });
 });