mobile fixes

This commit is contained in:
Arvind Tiwari 2017-11-29 03:43:08 +05:30
parent 8121393cd0
commit 5a85ee003f
4 changed files with 19 additions and 15 deletions

View file

@ -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 {

View file

@ -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 {

View file

@ -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">

View file

@ -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>