Logo is fixed in header and footer

AgileVentures · Sep 29, 2019 · ca34663 · ca34663
1 parent 56380fa
commit ca34663
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 34 deletions.
diff --git a/src/components/Layout/Footer/footer.scss b/src/components/Layout/Footer/footer.scss
@@ -56,6 +56,10 @@
       color: $primary-color-white;
     }
   }
+
+  .logo {
+    width: 120px;
+  }
 }
 
 .footer-container__copyright {
@@ -64,7 +68,7 @@
 
 @media only screen and (min-width: 576px) {
   .footer-container__copyright {
-    text-align: center;
+    text-align: left;
   }
 }
 
@@ -78,8 +82,4 @@
       }
     }
   }
-
-  .footer-container__copyright {
-    text-align: center;
-  }
 }
diff --git a/src/components/Layout/NavBar/navBar.scss b/src/components/Layout/NavBar/navBar.scss
@@ -42,47 +42,23 @@
 }
 
 .nav-container__left > * {
-  margin-left: $margin-r;
-  padding: 11.4px;
+  margin-left: $margin-l;
   float: left;
   text-align: center;
   min-width: 50px;
 }
 
 .nav-container__logo {
   color: $primary-color-white;
-  font-size: 18px;
   float: left;
-  font-size: 20px;
-  padding: 0px 35px 0 0;
+  width: 120px;
 }
 
 .clear-fix {
   clear: both;
 }
 
-@media only screen and (max-width: 992px) {
-  .nav-container__left > * {
-    margin-left: 7px;
-  }
-
-  .nav-container__logo {
-    padding: 5px 10px 5px 0;
-  }
-}
-
-@media only screen and (max-width: 768px) {
-  .nav-container__left > * {
-    padding: 11.4px 5px;
-    margin-left: 0;
-  }
-
-  .nav-container__logo {
-    padding: 5px 5px 5px 0;
-  }
-}
-
-@media screen and (max-width: 576px) {
+@media screen and (max-width: 992px) {
   .nav-container {
     padding: 40px 20px 20px 20px;
     max-height: 0;
@@ -112,8 +88,8 @@
 
   .nav-container__logo {
     position: absolute;
-    top: 10px;
-    left: 10px;
+    top: 4px;
+    left: 16px;
     float: none;
   }