Skip to content

Commit abb3ca5

Browse files
Added a few fixes for iOS7.
1 parent e03032c commit abb3ca5

File tree

3 files changed

+394
-23
lines changed

3 files changed

+394
-23
lines changed

assets/css/styles.css

Lines changed: 21 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -107,14 +107,13 @@ nav.fixed {
107107
right: 0;
108108
text-align: center;
109109
z-index: 9999;
110-
height: 200px;
111-
height: 30vh;
110+
height: 300px;
112111
pointer-events: none;
113112
}
114113
.logo-holder {
115114
margin: 60px auto 0px auto;
116115
height: 75px;
117-
padding-top: 29.5vh;
116+
padding-top: 295px;
118117
}
119118
.logo {
120119
display: block;
@@ -159,7 +158,7 @@ header, section, footer {
159158
background: url(images/background-top.jpg) no-repeat 50% 50%;
160159
background-color: #151D28;
161160
background-size: cover;
162-
height: 30vh;
161+
height: 300px;
163162
}
164163
.step-one {
165164
background: url(images/background-1.png) no-repeat 50% 50%;
@@ -209,7 +208,7 @@ header {
209208
padding: 100px 0 0 0;
210209
background: #ffffff;
211210
text-align: center;
212-
min-height: 67vh;
211+
min-height: 700px;
213212
}
214213
header .buttons {
215214
margin-bottom: 40px;
@@ -477,6 +476,19 @@ pre.line-numbers > code {
477476

478477

479478
@media(max-width: 860px) {
479+
header {
480+
min-height: 0px;
481+
}
482+
.first-background {
483+
height: 200px;
484+
}
485+
nav.fixed {
486+
height: 200px;
487+
}
488+
.logo-holder {
489+
padding-top: 197px;
490+
}
491+
480492
.logo-holder {
481493
height: 56.25px;
482494
}
@@ -547,19 +559,19 @@ pre.line-numbers > code {
547559
}
548560
}
549561

562+
550563
@media(max-width: 480px) {
551564
.top-links .button-github {
552565
display: none;
553566
}
554567
.first-background {
555-
height: 20vh;
568+
height: 120px;
556569
}
557570
nav.fixed {
558-
height: 100px;
559-
height: 20vh;
571+
height: 120px;
560572
}
561573
.logo-holder {
562-
padding-top: 20vh;
574+
padding-top: 118px;
563575
}
564576

565577
.logo-holder {
@@ -576,16 +588,6 @@ pre.line-numbers > code {
576588
}
577589

578590
@media(max-width: 320px) {
579-
.first-background {
580-
height: 20vh;
581-
}
582-
nav.fixed {
583-
height: 100px;
584-
height: 20vh;
585-
}
586-
.logo-holder {
587-
padding-top: 20vh;
588-
}
589591

590592
.logo-holder {
591593
height: 22.5px;

0 commit comments

Comments
 (0)