changes for responsive

src/assets/scss/material-kit/_navbars.scss

@@ -5,6 +5,12 @@
   border-radius: 3px;
   margin-bottom: 20px;
 
+  .md-toolbar-section-start {
+    .md-list {
+      display: none;
+    }
+  }
+
   &.md-transparent{
     background-color: transparent !important;
     box-shadow: none;

src/assets/scss/material-kit/_responsive.scss

@@ -20,6 +20,11 @@
         background-color: rgba(0, 0, 0, 0.45);
     }
 
+    .footer .container {
+      flex-direction: column;
+      text-align: center;
+    }
+
     .md-toolbar-row {
       will-change: auto;
       transition-property: none;
@@ -339,6 +344,10 @@
     }
   }
 
+  .nav-tabs {
+    overflow: auto;
+  }
+
   .hidden-sm{
     display: none !important;
   }
@@ -364,6 +373,15 @@
     }
   }
 
+  .main-raised {
+    margin-left: 15px;
+    margin-right: 15px;
+  }
+
+  .md-tabs-navigation {
+    flex-direction: column;
+  }
+
   .modal-wrapper .modal-container {
     max-width: 380px;
   }

src/layout/MainNavbar.vue

@@ -13,7 +13,7 @@
 
         <div class="md-collapse">
           <md-list>
-            <li class="md-list-item">
+            <li class="md-list-item" v-if="!showDownload">
               <a href="javascript:void(0)" class="md-list-item-router md-list-item-container md-button-clean dropdown">
                 <div class="md-list-item-content">
                   <drop-down direction="down">
@@ -29,7 +29,7 @@
                         </a>
                       </li>
                       <li>
-                        <a href="https://demos.creative-tim.com/vue-material-kit/documentation/" target="_blank">
+                        <a href="https://demos.creative-tim.com/vue-material-kit/documentation/" >
                           <i class="material-icons">content_paste</i>
                           <p>Documentation</p>
                         </a>
@@ -40,6 +40,11 @@
               </a>
             </li>
 
+            <md-list-item href="https://demos.creative-tim.com/vue-material-kit/documentation/"  target="_blank" v-if="showDownload">
+              <i class="material-icons">content_paste</i>
+              <p>Documentation</p>
+            </md-list-item>
+
             <md-list-item href="javascript:void(0)" @click="scrollToElement()" v-if="showDownload">
               <i class="material-icons">cloud_download</i>
               <p>Download</p>

src/layout/StarterFooter.vue

@@ -1,53 +0,0 @@
-<template>
-    <footer class="footer"
-            :class="{[`footer-${type}`]: type}"
-            :data-background-color="backgroundColor">
-        <div class="container">
-            <nav>
-                <ul>
-                    <li>
-                        <a href="https://www.creative-tim.com">
-                            Creative Tim
-                        </a>
-                    </li>
-                    <li>
-                        <a href="https:///presentation.creative-tim.com">
-                            About Us
-                        </a>
-                    </li>
-                    <li>
-                        <a href="https:///blog.creative-tim.com">
-                            Blog
-                        </a>
-                    </li>
-                    <li>
-                        <a href="https://www.creative-tim.com/license">
-                            License
-                        </a>
-                    </li>
-                </ul>
-            </nav>
-            <div class="copyright">
-                &copy; {{year}}, Designed by
-                <a href="https:///www.invisionapp.com" target="_blank">Invision</a>. Coded by
-                <a href="https://github.com/cristijora" target="_blank">Cristi Jora</a> and
-                <a href="https://www.creative-tim.com" target="_blank">Creative Tim</a>.
-            </div>
-        </div>
-    </footer>
-</template>
-<script>
-export default {
-  props: {
-    backgroundColor: String,
-    type: String
-  },
-  data() {
-    return {
-      year: new Date().getFullYear()
-    };
-  }
-};
-</script>
-<style>
-</style>

src/layout/StarterNavbar.vue

@@ -1,12 +0,0 @@
-<template>
-  <div>
-
-  </div>
-</template>
-
-<script>
-export default {};
-</script>
-
-<style lang="css">
-</style>

src/views/components/BasicElementsSection.vue

@@ -19,7 +19,7 @@
         <h3><small>Pick your size</small></h3>
       </div>
       <div class="md-layout">
-        <div class="md-layout-item md-size-66 mx-auto">
+        <div class="md-layout-item md-size-66 mx-auto md-xsmall-size-100">
           <div class="vertical-center">
             <md-button class="md-primary md-sm">Small</md-button>
             <md-button class="md-primary">Regular</md-button>