Fix the navbar overlap on the home page (#131)
diff --git a/landing-pages/site/assets/scss/_home-page.scss b/landing-pages/site/assets/scss/_home-page.scss
index ebd0dec..bda7e24 100644
--- a/landing-pages/site/assets/scss/_home-page.scss
+++ b/landing-pages/site/assets/scss/_home-page.scss
@@ -19,8 +19,12 @@
@import "media";
.home-page-layout {
- &.container {
- padding-top: 80px;
+ &.base-layout {
+ padding-top: 70px;
+
+ @media (max-width: $mobile) {
+ padding-top: 16px;
+ }
}
}
.principles-header {
diff --git a/landing-pages/site/layouts/_default/baseof.html b/landing-pages/site/layouts/_default/baseof.html
index ae82540..1dcb2e8 100644
--- a/landing-pages/site/layouts/_default/baseof.html
+++ b/landing-pages/site/layouts/_default/baseof.html
@@ -41,8 +41,8 @@
</div>
</div>
</section>
- <div class="base-layout">
- <main role="main" class="home-page-layout td-main container">
+ <div class="home-page-layout base-layout">
+ <main role="main" class="td-main container">
{{ block "main" . }}{{ end }}
</main>
<div class="base-layout--button">
