design: logo is above-fold on mobile devices

StephanieBr · Feb 19, 2017 · 8ec6721 · 8ec6721
1 parent 31a0b12
commit 8ec6721
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 8 deletions.
diff --git a/_sass/_styles.scss b/_sass/_styles.scss
@@ -52,7 +52,7 @@ body{
 .header{
     position: relative;
     width: 100%;
-    height: 581px;
+    height: 570px;
     min-height: auto;
     text-align: center;
     color: #fff;
@@ -88,7 +88,8 @@ body{
       background-size: contain;
       background-repeat: no-repeat;
       background-position: center;
-      height: 200px;
+      height: 180px;
+      margin-top: -30px;
     }
 }
 

diff --git a/index.html b/index.html
@@ -9,12 +9,10 @@ <h3>Bir, Himachal Pradesh, India</h3>
     <h3>15-31 May 2017</h3>
     <div class="row logo">
     </div>
-    <div class="row">
-        <div class="col-md-4 col-sm-4 col-sm-offset-2 col-md-offset-4">
-            <a href="{{site.baseurl}}/register/">
-                <button type="button" class="btn btn-primary btn-lg btn-block cta-1">REGISTER NOW!</button>
-            </a>
-        </div>
+    <div class="col-md-4 col-sm-4 col-sm-offset-2 col-md-offset-4">
+        <a href="{{site.baseurl}}/register/">
+            <button type="button" class="btn btn-primary btn-lg btn-block cta-1">REGISTER NOW!</button>
+        </a>
     </div>
 </div>
 <div class="row">