mobile background fix

This commit is contained in:
Arvind Tiwari 2017-11-25 02:52:18 +05:30
parent 38c0c653df
commit 40ea11b64a
2 changed files with 7 additions and 3 deletions

View file

@ -137,6 +137,10 @@
.header_slider > .carousel .bg_img { .header_slider > .carousel .bg_img {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0;
z-index: -1; z-index: -1;
width: 100%; width: 100%;
height: 100%;
background-size: cover;
background-position: center;
} }

View file

@ -12,7 +12,7 @@
<!-- Wrapper for slides --> <!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox"> <div class="carousel-inner" role="listbox">
<div class="item active"> <div class="item active">
<img class="bg_img" src="{% static 'ungleich_page/img/header-bg.jpg' %}"> <div class="bg_img" style="background-image:url({% static 'ungleich_page/img/header-bg.jpg' %})"></div>
<div class="container"> <div class="container">
<div> <div>
<img src="{% static 'ungleich_page/img/logo_200x200.svg'%}" heigh="300" alt="" class="logo-image" img-responsive="" width="300"> <img src="{% static 'ungleich_page/img/logo_200x200.svg'%}" heigh="300" alt="" class="logo-image" img-responsive="" width="300">
@ -23,7 +23,7 @@
</div> </div>
</div> </div>
<div class="item"> <div class="item">
<img class="bg_img" src="{% static 'ungleich_page/img/glasfaser/header-nico-sans.jpg' %}"> <div class="bg_img" style="background-image:url({% static 'ungleich_page/img/glasfaser/header-nico-sans.jpg' %})"></div>
<div class="container"> <div class="container">
<div class="intro-cap"> <div class="intro-cap">
{% trans "We Design, Configure &amp; Maintain <br> Your Linux Infrastructure " %} {% trans "We Design, Configure &amp; Maintain <br> Your Linux Infrastructure " %}
@ -31,7 +31,7 @@
</div> </div>
</div> </div>
<div class="item"> <div class="item">
<img class="bg_img" src="{% static 'ungleich_page/img/portfolio/startup-framework-preview.jpg' %}"> <div class="bg_img" style="background-image:url({% static 'ungleich_page/img/portfolio/startup-framework-preview.jpg' %})"></div>
<div class="container"> <div class="container">
<div class="intro-cap"> <div class="intro-cap">
{% trans "We Design, Configure &amp; Maintain <br> Your Linux Infrastructure " %} {% trans "We Design, Configure &amp; Maintain <br> Your Linux Infrastructure " %}