diff --git a/home.html b/home.html
index 305500b..f7b88a1 100644
--- a/home.html
+++ b/home.html
@@ -12,10 +12,12 @@
         rel='stylesheet' type='text/css'>
   <title>Flashy</title>
 </head>
+<body ng-controller="RootController">
 <header>
   <nav>
     <div class="nav-wrapper">
-      <a href="#" data-activates="mobile-demo" class="left button-collapse"><i class="mdi-navigation-menu"></i></a>
+      <a href="#" data-activates="mobile-demo" class="left button-collapse hide-on-med-and-up"><i
+              class="mdi-navigation-menu"></i></a>
       <ul ng-show="currentSection.id && isLoggedIn" class="left hide-on-small-and-down">
         <li ui-sref-active="active"><a ui-sref="feed({sectionId:currentSection.id})" class="tooltipped"
                                        data-position="bottom"
@@ -49,17 +51,32 @@
 
       <!-- Slide-in side-nav for small screens -->
       <ul class="side-nav" id="mobile-demo">
+        <ul ng-show="currentSection.id && isLoggedIn">
+          <li ui-sref-active="active"><a ui-sref="feed({sectionId:currentSection.id})" class="tooltipped"
+                  ><i
+                  class="mdi-action-view-module left"></i>Feed</a></li>
+          <li ui-sref-active="active"><a ui-sref="deck({sectionId:currentSection.id})" class="tooltipped"
+                  ><i
+                  class="mdi-action-view-carousel left"></i>Deck</a></li>
+          <li ui-sref-active="active"><a ui-sref="cardlist({sectionId:currentSection.id})" class="tooltipped"
+                  ><i
+                  class="mdi-action-view-list left"></i>Card List</a>
+          </li>
+          <hr>
+        </ul>
+
         <!-- Collapsible menu for all the User's classes -->
         <ul class="collapsible" data-collapsible="accordion">
           <li class="bold">
             <a class="collapsible-header black-text">
-              Classes<i class="mdi-navigation-arrow-drop-down right"></i>
+              Classes<i
+                    class="mdi-navigation-arrow-drop-down right"></i>
             </a>
           </li>
           <div class="collapsible-body" style="display: block">
             <ul>
-              <li ng-repeat="section in sections">
-                <a ui-sref-active="active" class="class bold" ui-sref="feed({sectionId:section.id})">{{section.short_name}}</a>
+              <li ui-sref-active="active" ng-repeat="section in sections">
+                <a class="class bold" ui-sref="feed({sectionId:section.id})">{{section.short_name}}</a>
               </li>
               <hr>
               <li><a ui-sref="addclass"><i class="tiny mdi-content-add"> Add Class</i></a></li>
@@ -73,7 +90,7 @@
   </nav>
 
 </header>
-<body ng-controller="RootController">
+
 
 <!-- Menu Bar -->
 <main ui-view></main>
diff --git a/styles/flashy.css b/styles/flashy.css
index 7e4932d..002de17 100644
--- a/styles/flashy.css
+++ b/styles/flashy.css
@@ -236,7 +236,9 @@ html {
 nav {
     background-color: #d2143f !important;
 }
-
+main{
+    min-height:145px;
+}
 .side-nav .collapsible-body {
     width: 100%;
 }