Fixed mobile menu

public/theme/src/components/Dashboard/Layout/ContentFooter.vue

@@ -1,20 +1,21 @@
 <template>
-  <footer class="footer">
+    <footer class="footer">
-    <div class="container-fluid">
+        <div class="container-fluid">
-      <nav>
+            <nav>
-        <ul class="footer-menu">
+                <ul class="footer-menu">
-        </ul>
+                </ul>
-      </nav>
+            </nav>
-      <div class="copyright text-center">
+            <div class="copyright text-left">
-        &copy; Coded with
+                © 2018 ReCast<br>
-        <i class="fa fa-heart heart"></i> by
+                Theme by
-        <a href="https://github.com/shyim" target="_blank">Shyim</a>
+                <a href="https://github.com/cristijora" target="_blank">Cristi Jora</a>.
-      </div>
+                Designed by <a href="https://www.creative-tim.com/?ref=pdf-vuejs" target="_blank">Creative Tim</a>.
-    </div>
+            </div>
-  </footer>
+        </div>
+    </footer>
 </template>
 <script>
-  export default {}
+    export default {}
 
 </script>
 <style>

public/theme/src/components/Dashboard/Layout/DashboardLayout.vue

@@ -1,7 +1,6 @@
 <template>
     <div class="wrapper">
         <side-bar>
-            <mobile-menu slot="content"></mobile-menu>
             <sidebar-link to="/ucp/overview">
                 <i class="fa fa-line-chart"></i>
                 <p>Dashboard</p>
@@ -29,14 +28,12 @@
     import TopNavbar from './TopNavbar.vue'
     import ContentFooter from './ContentFooter.vue'
     import DashboardContent from './Content.vue'
-    import MobileMenu from './MobileMenu.vue'
 
     export default {
         components: {
             TopNavbar,
             ContentFooter,
-            DashboardContent,
+            DashboardContent
-            MobileMenu
         },
         methods: {
             toggleSidebar() {

public/theme/src/components/Dashboard/Layout/MobileMenu.vue

@@ -1,47 +0,0 @@
-<template>
-  <ul class="nav nav-mobile-menu">
-    <drop-down>
-      <template slot="title">
-        <i class="fa fa-globe"></i>
-        <b class="caret"></b>
-        <span class="notification">5 Notifications</span>
-      </template>
-      <a class="dropdown-item" href="#">Notification 1</a>
-      <a class="dropdown-item" href="#">Notification 2</a>
-      <a class="dropdown-item" href="#">Notification 3</a>
-      <a class="dropdown-item" href="#">Notification 4</a>
-      <a class="dropdown-item" href="#">Another notification</a>
-    </drop-down>
-    <li class="nav-item">
-      <a href="#" class="nav-link">
-        <i class="nc-icon nc-zoom-split hidden-lg-up"></i>
-        <span class="d-lg-none">Search</span>
-      </a>
-    </li>
-    <drop-down title="Dropdown">
-      <a class="dropdown-item" href="#">Action</a>
-      <a class="dropdown-item" href="#">Another action</a>
-      <a class="dropdown-item" href="#">Something</a>
-      <a class="dropdown-item" href="#">Something else here</a>
-      <div class="divider"></div>
-      <a class="dropdown-item" href="#">Separated link</a>
-    </drop-down>
-
-    <li class="nav-item">
-      <a class="nav-link" href="#pablo">
-        <span class="no-icon">Log out</span>
-      </a>
-    </li>
-  </ul>
-</template>
-<script>
-  import DropDown from 'src/components/UIComponents/Dropdown.vue'
-
-  export default {
-    components: {
-      DropDown
-    }
-  }
-</script>
-<style>
-</style>