diff --git a/index/src/app/components/header/header.component.less b/index/src/app/components/header/header.component.less
index c7ab263..e478b70 100644
--- a/index/src/app/components/header/header.component.less
+++ b/index/src/app/components/header/header.component.less
@@ -12,6 +12,7 @@
   .info-name {
     color: white !important;
   }
+
   a {
     color: white !important;
   }
@@ -113,16 +114,21 @@
     #header-logo-title {
       position: static;
       width: 75%;
+      margin-left: 20px;
+      max-width: 100%;
+      min-width: 200px;
     }
 
     #nav {
-      display: none;
+      display: block;
       background: white;
       opacity: 0.5;
       position: relative;
       left: 0;
       top: 0;
       width: 100%;
+      max-width: 100%;
+      flex: none;
 
 
       li {
diff --git a/index/src/app/view/index/index.component.less b/index/src/app/view/index/index.component.less
index 519c7fc..0fe790e 100644
--- a/index/src/app/view/index/index.component.less
+++ b/index/src/app/view/index/index.component.less
@@ -64,6 +64,8 @@
 
 @media screen  and (max-width: @max-width) {
   #index-container {
+    display: block;
+
     #index-bloger-container {
       text-align: center;
       width: 100%;
@@ -78,12 +80,14 @@
       position: relative;
       width: 90%;
       margin: 0 5%;
+      max-width: 100% !important;
     }
 
     #index-right {
       position: relative;
       width: 90%;
       margin: 0 5%;
+      max-width: 100% !important;
     }
   }
 }