diff --git a/resources/assets/js/custom.js b/resources/assets/js/custom.js
index 4dd96ef..e5e2ef6 100755
--- a/resources/assets/js/custom.js
+++ b/resources/assets/js/custom.js
@@ -51,7 +51,7 @@ $(function () {
             $('.navbar-brand span').hide();
         }
     });
-    $(".fix-header .topbar").stick_in_parent();
+
     $(document).on('click', ".nav-toggler", function () {
         $("body").toggleClass("show-sidebar");
     });
diff --git a/resources/assets/js/layouts/DefaultPage.vue b/resources/assets/js/layouts/DefaultPage.vue
index c4eb048..fe0fb1a 100755
--- a/resources/assets/js/layouts/DefaultPage.vue
+++ b/resources/assets/js/layouts/DefaultPage.vue
@@ -26,7 +26,6 @@
         mounted() {
             helper.notification();
             $('body').addClass("card-no-border").trigger("resize");
-            $(".fix-header .topbar").stick_in_parent();
             $(".scroll-sidebar, .slimScrollDiv").css("overflow-x", "visible").parent().css("overflow", "visible");
             $('#sidebarnav').metisMenu();
             $('.scroll-sidebar').slimScroll({
diff --git a/resources/assets/js/layouts/GuestFooter.vue b/resources/assets/js/layouts/GuestFooter.vue
index 2f66865..5036290 100755
--- a/resources/assets/js/layouts/GuestFooter.vue
+++ b/resources/assets/js/layouts/GuestFooter.vue
@@ -1,9 +1,7 @@
 <template>
-    <div>
-        <p class="text-center">
-            <small>{{ getConfig('footer_credit') }}</small>
-        </p>
-    </div>
+    <footer class="footer d-print-none text-center" style="left:0">
+        {{ getConfig('footer_credit') }}
+    </footer>
 </template>
 
 <script>
@@ -14,4 +12,4 @@
             }
         }
     }
-</script>
\ No newline at end of file
+</script>
diff --git a/resources/assets/js/layouts/GuestPage.vue b/resources/assets/js/layouts/GuestPage.vue
index a0f22c6..2d8c6fd 100755
--- a/resources/assets/js/layouts/GuestPage.vue
+++ b/resources/assets/js/layouts/GuestPage.vue
@@ -1,11 +1,25 @@
 <template>
-    <div>
-        <router-view></router-view>
+    <div id="main-wrapper">
+        <app-header :toggle="false"></app-header>
+        <div class="page-wrapper" style="margin-left:0">
+            <router-view></router-view>
+            <app-footer></app-footer>
+        </div>
     </div>
 </template>
 
 <script>
+    import AppHeader from './Header'
+    import AppFooter from './GuestFooter'
+
     export default {
+        data() {
+            return {}
+        },
+        components: {
+            AppHeader,
+            AppFooter
+        },
         mounted() {
             helper.notification();
         }
diff --git a/resources/assets/js/layouts/Header.vue b/resources/assets/js/layouts/Header.vue
index 7cf0217..4d1c579 100755
--- a/resources/assets/js/layouts/Header.vue
+++ b/resources/assets/js/layouts/Header.vue
@@ -1,33 +1,37 @@
 <template>
-    <header class="topbar">
+    <header class="topbar is_stuck" style="position:fixed;top:0;width:100%">
         <nav class="navbar top-navbar navbar-expand-md navbar-light">
             <div class="navbar-collapse">
-                <ul class="navbar-nav mt-md-0">
+                <ul class="nav navbar-nav navbar-logo mr-auto">
                     <li class="nav-item">
-                        <a class="nav-link nav-toggler hidden-md-up text-muted waves-effect waves-dark"
-                           href="javascript:void(0)">
-                            <i class="fas fa-bars"></i>
+                        <router-link class="nav-link nav-brand waves-effect waves-dark" to="/">
+                            <img :src="getLogo()" alt="Logo" class="logo mr-2">
+                            <b>{{ getConfig('company_name') }}</b>
+                        </router-link>
+                    </li>
+                    <li v-if="toggle" class="nav-item">
+                        <a class="nav-link nav-toggler hidden-md-up text-muted waves-effect waves-dark">
+                            <i class="fas fa-bars fa-fw"></i>
                         </a>
                     </li>
-                    <li class="nav-item">
-                        <a class="nav-link sidebartoggler hidden-sm-down text-muted" href="javascript:void(0)">
+                    <li v-if="toggle" class="nav-item">
+                        <a class="nav-link nav-toggler sidebartoggler hidden-sm-down text-muted waves-effect waves-dark">
                             <i class="fas fa-bars fa-fw"></i>
                         </a>
                     </li>
                 </ul>
-                <ul class="nav navbar-nav navbar-logo mr-auto">
+                <ul v-if="isAuth()" class="navbar-nav mr-0 my-lg-0">
                     <li class="nav-item">
-                        <router-link class="nav-link nav-brand" to="/">
-                            <img :src="getLogo()" alt="Logo" class="logo mr-2">
-                            <b>{{ getConfig('company_name') }}</b>
+                    </li>
+                    <li class="nav-item">
+                        <router-link class="nav-link text-muted waves-effect waves-dark" :to="'/home'">
+                            <i class="fas fa-home fa-fw"></i>
                         </router-link>
                     </li>
-                </ul>
-                <ul class="navbar-nav mr-0 my-lg-0">
                     <li class="nav-item dropdown">
                         <a class="nav-link dropdown-toggle text-muted waves-effect waves-dark" href=""
                            data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                            {{ getAuthUser('full_name') }}
+                            <span class="username">{{ getAuthUser('full_name') }}</span>
                             <img :src="getAuthUser('avatar')" alt="Avatar" class="profile-pic ml-2">
                         </a>
                         <div class="dropdown-menu dropdown-menu-right">
@@ -77,6 +81,11 @@
     import {EventBus} from '../event-bus'
 
     export default {
+        props: {
+            toggle: {
+                default: true
+            }
+        },
         created() {
             EventBus.$on("config::set", () => {
                 this.$forceUpdate();
@@ -99,6 +108,9 @@
             getAuthUser(name) {
                 return helper.getAuthUser(name);
             },
+            isAuth() {
+                return helper.isAuth();
+            },
             getConfig(name) {
                 return helper.getConfig(name);
             }
diff --git a/resources/assets/js/routes.js b/resources/assets/js/routes.js
index 9074d6b..3e26874 100755
--- a/resources/assets/js/routes.js
+++ b/resources/assets/js/routes.js
@@ -7,19 +7,25 @@ let appName = helper.getConfig('company_name');
 let routes = [
     {
         path: '/',
-        component: require('./views/auth/Login.vue'),
-        meta: {title: appName}
+        component: require('./layouts/GuestPage.vue'),
+        children: [
+            {
+                path: '/',
+                component: require('./views/auth/Login.vue'),
+                meta: {title: appName}
+            },
+            {
+                path: '/login',
+                component: require('./views/auth/Login.vue'),
+                meta: {title: appName}
+            }
+        ]
     },
     {
         path: '/',
         component: require('./layouts/GuestPage.vue'),
         meta: {validate: ['guest']},
         children: [
-            {
-                path: '/login',
-                component: require('./views/auth/Login.vue'),
-                meta: {title: appName + ' | ' + i18n.auth.login}
-            },
             {
                 path: '/password',
                 component: require('./views/auth/Password.vue'),
@@ -213,9 +219,15 @@ let routes = [
         ]
     },
     {
-        path: '/:category/:slug',
-        component: require('./views/post/View.vue'),
-        meta: {title: appName}
+        path: '/',
+        component: require('./layouts/GuestPage.vue'),
+        children: [
+            {
+                path: '/:category/:slug',
+                component: require('./views/post/View.vue'),
+                meta: {title: appName}
+            }
+        ]
     },
     {
         path: '*',
diff --git a/resources/assets/js/views/auth/Activate.vue b/resources/assets/js/views/auth/Activate.vue
index e320721..7701893 100755
--- a/resources/assets/js/views/auth/Activate.vue
+++ b/resources/assets/js/views/auth/Activate.vue
@@ -17,15 +17,12 @@
                         </div>
                     </div>
                 </div>
-                <guest-footer></guest-footer>
             </div>
         </div>
     </section>
 </template>
 
 <script>
-    import guestFooter from '../../layouts/GuestFooter'
-
     export default {
         data() {
             return {
@@ -34,9 +31,6 @@
                 status: true
             }
         },
-        components: {
-            guestFooter
-        },
         computed: {
             getBackground() {
                 if (helper.getConfig('background')) {
diff --git a/resources/assets/js/views/auth/Lock.vue b/resources/assets/js/views/auth/Lock.vue
index 243fec7..7cd3c9c 100755
--- a/resources/assets/js/views/auth/Lock.vue
+++ b/resources/assets/js/views/auth/Lock.vue
@@ -32,19 +32,13 @@
                         </div>
                     </form>
                 </div>
-                <guest-footer></guest-footer>
             </div>
         </div>
     </section>
 </template>
 
 <script>
-    import guestFooter from '../../layouts/GuestFooter'
-
     export default {
-        components: {
-            guestFooter
-        },
         data() {
             return {
                 lockScreenForm: new Form({
diff --git a/resources/assets/js/views/auth/Login.vue b/resources/assets/js/views/auth/Login.vue
index 0aee74f..730741e 100755
--- a/resources/assets/js/views/auth/Login.vue
+++ b/resources/assets/js/views/auth/Login.vue
@@ -40,32 +40,28 @@
                         </div>
                     </form>
                 </div>
-                <guest-footer></guest-footer>
             </div>
         </div>
-        <div class="page-wrapper" style="margin-left:0">
-            <div class="container-fluid">
-                <div class="row" v-for="items in splitted">
-                    <div class="col-12 m-t-20 m-b-20">
-                        <div class="card-deck">
-                            <post-card v-for="post in items" :post="post" :key="post.id"></post-card>
-                        </div>
+        <div class="container-fluid">
+            <div class="row" v-for="items in splitted">
+                <div class="col-12 m-t-20 m-b-20">
+                    <div class="card-deck">
+                        <post-card v-for="post in items" :post="post" :key="post.id"></post-card>
                     </div>
                 </div>
-                <pagination-record
-                        :page-length.sync="filterPostForm.page_length"
-                        :records="posts"
-                        :show-page-length="false"
-                        @updateRecords="getPosts"
-                        @change.native="getPosts">
-                </pagination-record>
             </div>
+            <pagination-record
+                    :page-length.sync="filterPostForm.page_length"
+                    :records="posts"
+                    :show-page-length="false"
+                    @updateRecords="getPosts"
+                    @change.native="getPosts">
+            </pagination-record>
         </div>
     </section>
 </template>
 
 <script>
-    import guestFooter from '../../layouts/GuestFooter'
     import postCard from '../post/PostCard'
 
     export default {
@@ -86,7 +82,6 @@
             }
         },
         components: {
-            guestFooter,
             postCard
         },
         computed: {
@@ -109,7 +104,6 @@
                         axios.defaults.headers.common['Authorization'] = 'Bearer ' + localStorage.getItem('auth_token');
                         this.$store.dispatch('setAuthStatus');
                         this.$store.dispatch('setLastActivity');
-                        toastr.success(response.message);
                         if (helper.getConfig('two_factor_security') && response.two_factor_code) {
                             this.$store.dispatch('setTwoFactorCode', response.two_factor_code);
                             this.$router.push('/auth/security');
diff --git a/resources/assets/js/views/auth/Password.vue b/resources/assets/js/views/auth/Password.vue
index ee8cfb4..5b3e842 100755
--- a/resources/assets/js/views/auth/Password.vue
+++ b/resources/assets/js/views/auth/Password.vue
@@ -29,15 +29,12 @@
                         </div>
                     </form>
                 </div>
-                <guest-footer></guest-footer>
             </div>
         </div>
     </section>
 </template>
 
 <script>
-    import guestFooter from '../../layouts/GuestFooter'
-
     export default {
         data() {
             return {
@@ -46,9 +43,6 @@
                 })
             }
         },
-        components: {
-            guestFooter
-        },
         mounted() {
             if (!helper.featureAvailable('reset_password')) {
                 helper.featureNotAvailableMsg();
diff --git a/resources/assets/js/views/auth/Register.vue b/resources/assets/js/views/auth/Register.vue
index 6812351..4735336 100755
--- a/resources/assets/js/views/auth/Register.vue
+++ b/resources/assets/js/views/auth/Register.vue
@@ -63,15 +63,12 @@
                         </div>
                     </form>
                 </div>
-                <guest-footer></guest-footer>
             </div>
         </div>
     </section>
 </template>
 
 <script>
-    import guestFooter from '../../layouts/GuestFooter'
-
     export default {
         data() {
             return {
@@ -84,9 +81,6 @@
                 })
             }
         },
-        components: {
-            guestFooter
-        },
         mounted() {
             if (!helper.featureAvailable('registration')) {
                 helper.featureNotAvailableMsg();
diff --git a/resources/assets/js/views/auth/Reset.vue b/resources/assets/js/views/auth/Reset.vue
index ed7ed02..dfb812b 100755
--- a/resources/assets/js/views/auth/Reset.vue
+++ b/resources/assets/js/views/auth/Reset.vue
@@ -45,15 +45,12 @@
                         </div>
                     </div>
                 </div>
-                <guest-footer></guest-footer>
             </div>
         </div>
     </section>
 </template>
 
 <script>
-    import guestFooter from '../../layouts/GuestFooter'
-
     export default {
         data() {
             return {
@@ -68,9 +65,6 @@
                 showMessage: false
             }
         },
-        components: {
-            guestFooter
-        },
         mounted() {
             if (!helper.featureAvailable('reset_password')) {
                 helper.featureNotAvailableMsg();
diff --git a/resources/assets/js/views/auth/Security.vue b/resources/assets/js/views/auth/Security.vue
index 1463ded..a58cf67 100755
--- a/resources/assets/js/views/auth/Security.vue
+++ b/resources/assets/js/views/auth/Security.vue
@@ -34,19 +34,13 @@
                         </div>
                     </form>
                 </div>
-                <guest-footer></guest-footer>
             </div>
         </div>
     </section>
 </template>
 
 <script>
-    import guestFooter from '../../layouts/GuestFooter'
-
     export default {
-        components: {
-            guestFooter
-        },
         data() {
             return {
                 twoFactorForm: new Form({
diff --git a/resources/assets/js/views/post/View.vue b/resources/assets/js/views/post/View.vue
index 1c34840..e1ffe97 100755
--- a/resources/assets/js/views/post/View.vue
+++ b/resources/assets/js/views/post/View.vue
@@ -1,32 +1,28 @@
 <template>
     <div v-if="post">
-        <section id="wrapper">
-            <div class="page-wrapper" style="margin-left:0">
-                <div class="container-fluid">
-                    <div class="row">
-                        <div class="col-12 m-t-30">
-                            <div class="card">
-                                <div class="card-body">
-                                    <div class="row">
-                                        <div class="col-9 col-md-9">
-                                            <h1 class="card-title post-title">{{ post.title }}</h1>
-                                            <span class="text-muted card-caps">
+        <div class="container-fluid">
+            <div class="row">
+                <div class="col-12 m-t-30">
+                    <div class="card">
+                        <div class="card-body">
+                            <div class="row">
+                                <div class="col-9 col-md-9">
+                                    <h1 class="card-title post-title">{{ post.title }}</h1>
+                                    <span class="text-muted card-caps">
                                                 {{ categoryName }} / {{ post.created_at }}
                                             </span>
-                                            <hr>
-                                            <div class="card-text" v-html="post.body"></div>
-                                        </div>
-                                        <div class="col-3 col-md-3">
+                                    <hr>
+                                    <div class="card-text" v-html="post.body"></div>
+                                </div>
+                                <div class="col-3 col-md-3">
 
-                                        </div>
-                                    </div>
                                 </div>
                             </div>
                         </div>
                     </div>
                 </div>
             </div>
-        </section>
+        </div>
     </div>
     <div v-else>
         <page-not-found></page-not-found>
diff --git a/resources/assets/plugins/sticky-kit/sticky-kit.min.js b/resources/assets/plugins/sticky-kit/sticky-kit.min.js
deleted file mode 100755
index c4d7f2e..0000000
--- a/resources/assets/plugins/sticky-kit/sticky-kit.min.js
+++ /dev/null
@@ -1,10 +0,0 @@
-/*
- Sticky-kit v1.1.3 | MIT | Leaf Corcoran 2015 | http://leafo.net
-*/
-(function(){var c,f;c=window.jQuery;f=c(window);c.fn.stick_in_parent=function(b){var A,w,J,n,B,K,p,q,L,k,E,t;null==b&&(b={});t=b.sticky_class;B=b.inner_scrolling;E=b.recalc_every;k=b.parent;q=b.offset_top;p=b.spacer;w=b.bottoming;null==q&&(q=0);null==k&&(k=void 0);null==B&&(B=!0);null==t&&(t="is_stuck");A=c(document);null==w&&(w=!0);L=function(a){var b;return window.getComputedStyle?(a=window.getComputedStyle(a[0]),b=parseFloat(a.getPropertyValue("width"))+parseFloat(a.getPropertyValue("margin-left"))+
-parseFloat(a.getPropertyValue("margin-right")),"border-box"!==a.getPropertyValue("box-sizing")&&(b+=parseFloat(a.getPropertyValue("border-left-width"))+parseFloat(a.getPropertyValue("border-right-width"))+parseFloat(a.getPropertyValue("padding-left"))+parseFloat(a.getPropertyValue("padding-right"))),b):a.outerWidth(!0)};J=function(a,b,n,C,F,u,r,G){var v,H,m,D,I,d,g,x,y,z,h,l;if(!a.data("sticky_kit")){a.data("sticky_kit",!0);I=A.height();g=a.parent();null!=k&&(g=g.closest(k));if(!g.length)throw"failed to find stick parent";
-v=m=!1;(h=null!=p?p&&a.closest(p):c("<div />"))&&h.css("position",a.css("position"));x=function(){var d,f,e;if(!G&&(I=A.height(),d=parseInt(g.css("border-top-width"),10),f=parseInt(g.css("padding-top"),10),b=parseInt(g.css("padding-bottom"),10),n=g.offset().top+d+f,C=g.height(),m&&(v=m=!1,null==p&&(a.insertAfter(h),h.detach()),a.css({position:"",top:"",width:"",bottom:""}).removeClass(t),e=!0),F=a.offset().top-(parseInt(a.css("margin-top"),10)||0)-q,u=a.outerHeight(!0),r=a.css("float"),h&&h.css({width:L(a),
-height:u,display:a.css("display"),"vertical-align":a.css("vertical-align"),"float":r}),e))return l()};x();if(u!==C)return D=void 0,d=q,z=E,l=function(){var c,l,e,k;if(!G&&(e=!1,null!=z&&(--z,0>=z&&(z=E,x(),e=!0)),e||A.height()===I||x(),e=f.scrollTop(),null!=D&&(l=e-D),D=e,m?(w&&(k=e+u+d>C+n,v&&!k&&(v=!1,a.css({position:"fixed",bottom:"",top:d}).trigger("sticky_kit:unbottom"))),e<F&&(m=!1,d=q,null==p&&("left"!==r&&"right"!==r||a.insertAfter(h),h.detach()),c={position:"",width:"",top:""},a.css(c).removeClass(t).trigger("sticky_kit:unstick")),
-B&&(c=f.height(),u+q>c&&!v&&(d-=l,d=Math.max(c-u,d),d=Math.min(q,d),m&&a.css({top:d+"px"})))):e>F&&(m=!0,c={position:"fixed",top:d},c.width="border-box"===a.css("box-sizing")?a.outerWidth()+"px":a.width()+"px",a.css(c).addClass(t),null==p&&(a.after(h),"left"!==r&&"right"!==r||h.append(a)),a.trigger("sticky_kit:stick")),m&&w&&(null==k&&(k=e+u+d>C+n),!v&&k)))return v=!0,"static"===g.css("position")&&g.css({position:"relative"}),a.css({position:"absolute",bottom:b,top:"auto"}).trigger("sticky_kit:bottom")},
-y=function(){x();return l()},H=function(){G=!0;f.off("touchmove",l);f.off("scroll",l);f.off("resize",y);c(document.body).off("sticky_kit:recalc",y);a.off("sticky_kit:detach",H);a.removeData("sticky_kit");a.css({position:"",bottom:"",top:"",width:""});g.position("position","");if(m)return null==p&&("left"!==r&&"right"!==r||a.insertAfter(h),h.remove()),a.removeClass(t)},f.on("touchmove",l),f.on("scroll",l),f.on("resize",y),c(document.body).on("sticky_kit:recalc",y),a.on("sticky_kit:detach",H),setTimeout(l,
-0)}};n=0;for(K=this.length;n<K;n++)b=this[n],J(c(b));return this}}).call(this);
diff --git a/resources/assets/sass/app.scss b/resources/assets/sass/app.scss
index b292670..1c8d46b 100755
--- a/resources/assets/sass/app.scss
+++ b/resources/assets/sass/app.scss
@@ -16,10 +16,10 @@ Global Styles
 body {
   background: $sidebar;
   font-family: $bodyfont;
-  margin: 0;
   overflow-x: hidden;
   color: $bodytext;
   font-weight: 300;
+  margin: 0 0 64px;
 }
 
 html {
@@ -2174,6 +2174,7 @@ Layouts
   }
   .page-wrapper {
     background: $light;
+    padding-top: 64px;
   }
   .left-sidebar {
     box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08);
@@ -2219,6 +2220,7 @@ Custom
 
 .nav-brand {
   font-size: 25px !important;
+  margin-bottom: 1px !important;
 }
 
 .filter-opened {
@@ -2226,16 +2228,16 @@ Custom
 }
 
 .topbar .top-navbar {
-  height: 60px;
+  height: 64px;
   padding: 0;
 }
 
 .topbar .top-navbar .navbar-nav > .nav-item > .nav-link {
-  line-height: 43px;
+  line-height: 47px;
 }
 
 .logo {
-  height: 50px;
+  height: 47px;
 }
 
 .list-group-item {
@@ -2563,4 +2565,16 @@ samp {
 
 .card-caps {
   text-transform: uppercase;
+}
+
+.nav-toggler {
+  top: 2px;
+}
+
+.footer {
+  padding: 25px 15px !important;
+}
+
+.card-text {
+  font-size: 1.2rem;
 }
\ No newline at end of file
diff --git a/resources/assets/sass/responsive.scss b/resources/assets/sass/responsive.scss
index 1fddeb8..f8062e0 100755
--- a/resources/assets/sass/responsive.scss
+++ b/resources/assets/sass/responsive.scss
@@ -96,6 +96,9 @@ File: scss
 
 @media(max-width: 767px) {
 
+  .username {
+    display: none;
+  }
   .breadcrumb-item {
     font-size: 12px;
   }
@@ -145,7 +148,7 @@ File: scss
   /*Sidebar and wrapper*/
   .mini-sidebar .page-wrapper {
     margin-left: 0px;
-    padding-top: 40px;
+    padding-top: 64px;
   }
   .comment-text {
     .comment-footer {
diff --git a/webpack.mix.js b/webpack.mix.js
index 0c578f6..fa6c4af 100755
--- a/webpack.mix.js
+++ b/webpack.mix.js
@@ -25,7 +25,6 @@ mix.js('resources/assets/js/app.js', 'public/js/app.js')
         plugin + 'toastr/toastr.min.js',
         plugin + 'slimscroll/jquery.slimscroll.js',
         plugin + 'waves/waves.js',
-        plugin + 'sticky-kit/sticky-kit.min.js',
         plugin + 'summernote/summernote-bs4.js',
         'resources/assets/js/custom.js'
     ], 'public/js/plugin.js')