Fix mobile issues

This commit is contained in:
Seth Vargo 2016-01-19 21:12:18 -05:00
parent 2faa510120
commit 57afddc43b
7 changed files with 16 additions and 20 deletions

View File

@ -28,7 +28,8 @@ body.layout-vmware {
} }
@media (max-width: 992px) { @media (max-width: 992px) {
body.layout-about { body.layout-about,
body.layout-vmware {
>.container{ >.container{
padding-left: 0; padding-left: 0;
padding-right: 0; padding-right: 0;
@ -41,7 +42,8 @@ body.layout-vmware {
} }
@media (max-width: 768px) { @media (max-width: 768px) {
body.layout-about { body.layout-about,
body.layout-vmware {
.equal-height { .equal-height {
display: inherit; display: inherit;
} }

View File

@ -62,7 +62,12 @@
li { li {
display: block; display: block;
height: 40px;
float: none; float: none;
a {
padding: 0;
}
} }
&.external-links { &.external-links {

View File

@ -7,16 +7,6 @@ text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
}*/ }*/
html {
height: 100%;
overflow: hidden;
}
body {
height: 100%;
overflow: auto;
}
body { body {
font-size: 18px; font-size: 18px;
color: $black; color: $black;

View File

@ -19,7 +19,7 @@
h1 { h1 {
@include museo-sans-light; @include museo-sans-light;
color: $purple-text; color: $purple-text;
font-size: 60px; font-size: 55px;
font-weight: 700; font-weight: 700;
line-height: 60px; line-height: 60px;
margin-bottom: ($baseline * 4); margin-bottom: ($baseline * 4);
@ -28,7 +28,7 @@
h2 { h2 {
@include museo-sans-light; @include museo-sans-light;
color: $blue-text; color: $blue-text;
font-size: 30px; font-size: 28px;
font-weight: 100; font-weight: 100;
letter-spacing: 1.6px; letter-spacing: 1.6px;
line-height: 40px; line-height: 40px;
@ -55,12 +55,12 @@
text-transform: uppercase; text-transform: uppercase;
text-align: center; text-align: center;
font-size: 40px; font-size: 40px;
line-height: 40px; line-height: 50px;
} }
hgroup { hgroup {
margin: ($baseline * 3) 0; margin: ($baseline * 3) 0;
width: 530px; // width: 530px;
h3 { h3 {
text-align: center; text-align: center;

View File

@ -8,7 +8,7 @@
a { a {
img { img {
height: 100px; height: 80px;
} }
} }
} }

View File

@ -199,7 +199,7 @@
@media (max-width: 991px) { @media (max-width: 991px) {
.page-vmware-integration { .page-vmware-integration {
.hero { .hero {
.hero-content { .hero-content {
#learn-more-button { #learn-more-button {
margin-right: 0; margin-right: 0;
} }

View File

@ -44,8 +44,7 @@ description: |-
</h1> </h1>
</div> </div>
<div class="row"> <div class="row">
<div class="col-sm-6 col-sm-offset-2 col-md-6 col-md-offset-3"> <div class="col-sm-8 col-sm-offset-2">
<hgroup> <hgroup>
<h3>Set Up</h3> <h3>Set Up</h3>
<h4> <h4>