mobile fixes
This commit is contained in:
parent
8121393cd0
commit
5a85ee003f
4 changed files with 19 additions and 15 deletions
|
@ -21,6 +21,12 @@ body {
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.row-eq-height > .col-xs-6 {
|
||||||
|
flex-basis: 50%;
|
||||||
|
flex-grow: 0;
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.text-muted {
|
.text-muted {
|
||||||
color: #494949;
|
color: #494949;
|
||||||
font-family: 'Raleway' , "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
font-family: 'Raleway' , "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||||
|
@ -210,8 +216,8 @@ fieldset[disabled] .btn-xl.active {
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar-default .navbar-toggle {
|
.navbar-default .navbar-toggle {
|
||||||
border-color: #fed136;
|
/*border-color: #fed136;
|
||||||
background-color: #fed136;
|
background-color: #fed136;*/
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar-default .navbar-toggle .icon-bar {
|
.navbar-default .navbar-toggle .icon-bar {
|
||||||
|
|
|
@ -143,7 +143,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.header_slider {
|
.header_slider {
|
||||||
height: 95vh;
|
height: 100vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header_slider > .carousel,
|
.header_slider > .carousel,
|
||||||
|
@ -157,7 +157,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.header_slider .carousel-control {
|
.header_slider .carousel-control {
|
||||||
width: 25px;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header_slider .carousel-control .fa {
|
.header_slider .carousel-control .fa {
|
||||||
|
@ -167,16 +167,9 @@
|
||||||
margin-top: -50px;
|
margin-top: -50px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header_slider .carousel-control .fa-angle-left {
|
|
||||||
left: 5px;
|
|
||||||
}
|
|
||||||
.header_slider .carousel-control .fa-angle-right {
|
|
||||||
right: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header_slider > .carousel .item .container {
|
.header_slider > .carousel .item .container {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
padding: 50px 25px 65px;
|
padding: 50px 20px 60px;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
@ -186,6 +179,8 @@
|
||||||
.header_slider .intro-cap {
|
.header_slider .intro-cap {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
line-height: 1.1;
|
line-height: 1.1;
|
||||||
|
font-size: 23px;
|
||||||
|
margin-bottom: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header_slider .btn-trans {
|
.header_slider .btn-trans {
|
||||||
|
@ -197,9 +192,11 @@
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
.header_slider .intro-cap {
|
.header_slider .intro-cap {
|
||||||
font-size: 2.25em;
|
font-size: 2.25em;
|
||||||
|
margin-bottom: 20px;
|
||||||
}
|
}
|
||||||
.header_slider .carousel-control {
|
.header_slider .carousel-control {
|
||||||
width: 50px;
|
width: 50px;
|
||||||
|
display: block;
|
||||||
}
|
}
|
||||||
.header_slider .carousel-control .fa-angle-left {
|
.header_slider .carousel-control .fa-angle-left {
|
||||||
left: 25px;
|
left: 25px;
|
||||||
|
@ -232,7 +229,8 @@
|
||||||
|
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
.header_slider .intro_lead {
|
.header_slider .intro_lead {
|
||||||
font-size: 1.2em;
|
font-size: 1.1em;
|
||||||
|
margin-bottom: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header_slider .carousel-indicators li {
|
.header_slider .carousel-indicators li {
|
||||||
|
|
|
@ -5,7 +5,7 @@
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="text-center wow fadeInUp">
|
<div class="text-center wow fadeInUp">
|
||||||
<h2 class="section-heading">{% trans "Our Products" %}</h2>
|
<h2 class="section-heading">{% trans "Our Products" %}</h2>
|
||||||
<h3 class="section-subheading text-muted sm_left" style="line-height: 1.5;">{% blocktrans %}Our products include an innovative datacenter,<br>affordable VM hosting, and high speed fiber internet for canton Glarus.{% endblocktrans %}</h3>
|
<h3 class="section-subheading text-muted" style="line-height: 1.5;">{% blocktrans %}Our products include an innovative datacenter,<br>affordable VM hosting, and high speed fiber internet for canton Glarus.{% endblocktrans %}</h3>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-4 col-sm-6 portfolio-item wow fadeInUp" data-wow-delay="0.25s">
|
<div class="col-md-4 col-sm-6 portfolio-item wow fadeInUp" data-wow-delay="0.25s">
|
||||||
|
|
|
@ -5,7 +5,7 @@
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="text-center wow fadeInDown">
|
<div class="text-center wow fadeInDown">
|
||||||
<h2 class="section-heading">{% trans "our services" %}</h2>
|
<h2 class="section-heading">{% trans "our services" %}</h2>
|
||||||
<h3 class="section-subheading text-muted sm_left">
|
<h3 class="section-subheading text-muted">
|
||||||
{% trans "We support our clients in all areas of Unix infrastructure." %}<br/>
|
{% trans "We support our clients in all areas of Unix infrastructure." %}<br/>
|
||||||
{% trans "Our top notch configuration management is refreshingly simple and reliable." %}
|
{% trans "Our top notch configuration management is refreshingly simple and reliable." %}
|
||||||
</h3>
|
</h3>
|
||||||
|
|
Loading…
Reference in a new issue