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…
	
	Add table
		Add a link
		
	
		Reference in a new issue