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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@ -44,8 +44,7 @@ description: |-
</h1>
</div>
<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>
<h3>Set Up</h3>
<h4>