Merge pull request #512 from zirreal/master

removed indiegogo banner

Author: zirreal

src/components/header/Header.astro

@@ -2,14 +2,11 @@
 // components import
 import HeaderNav from './HeaderNav.astro';
 import LanguageSwitcher from './LanguageSwitcher.astro';
-import IndieGoGo from './IndieGoGo.astro';
 
 const {translated = false} = Astro.props;
 ---
 
 <header class="header">
-
-  <IndieGoGo/>
   <div class="header-content">
     <div class="header-logo">
       <a href="/">
@@ -38,7 +35,6 @@ const {translated = false} = Astro.props;
         </svg>
       </a>
     </div>
-
     <div class="header-side">
       <LanguageSwitcher translated={translated}/>
       <HeaderNav/>

src/components/header/HeaderNav.astro

@@ -64,7 +64,7 @@ import Socials from '../blocks/Socials.astro'
       position: fixed;
       right: 0;
       text-align: left;
-      top: calc(var(--screen-padding-top) + 44px);
+      top: calc(var(--screen-padding-top) + 1px);
       transform: translateX(-20px);
       z-index: 1012;
   }
@@ -173,16 +173,9 @@ import Socials from '../blocks/Socials.astro'
 
       .nav-content {
           height: 100%;
-          top: calc(var(--screen-padding-top) + 44px);
-          /* top: calc(var(--screen-padding-top) + 90px); */
       }
   }
 
-  @media screen and (max-width: 480px) {
-    .nav-content {
-        top: calc(var(--screen-padding-top) + 90px);
-    }
-  }
 
 
 </style>

src/components/header/IndieGoGo.astro

@@ -180,7 +180,7 @@ const isHome = Astro.url.pathname === '/';
     position: relative;
     background-color: var(--color-light);
     /* padding-top: var(--screen-padding-top); */
-    padding-top: calc(var(--screen-padding-top) + 50px);
+    padding-top: var(--screen-padding-top);
     padding-bottom: var(--screen-padding-bottom);
     height: 100vh;
     scrollbar-width: none;
@@ -193,23 +193,11 @@ const isHome = Astro.url.pathname === '/';
     background-color: var(--color-light);
   }
 
-  @media screen and (max-width: 1000px) {
-    .screen {
-      padding-top: calc(var(--screen-padding-top) + 45px);
-    }
-  }
-
   @media screen and (max-width: 680px) {
     .footer-form.layout__content {
       padding-left: 0;
     }
   }
-
-  @media screen and (max-width: 520px)   {
-    .screen {
-      padding-top: calc(var(--screen-padding-top) + 105px);
-    }
-  }
 
 
 </style>