bendingcolors
Forum Replies Created
-
Forum: Fixing WordPress
In reply to: Background image is fixed, but moves on mobile??There is a way to do it : :
1- Create a Div, after header div, independent from your content div, and call it “image-hero-area” :
<div class=”image-hero-area”>
</div>2. Add the following css in your stylesheet :
.image-hero-area {
position: fixed;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
margin: 0;
background: url(http://your_website.com/your_image.jpg) center center no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}works fine…
There is a way to do it : :
1- Create a Div, after header div, independant from your content div, and call it “image-hero-area” :
<div class=”image-hero-area” bis_skin_checked=”1″>
</div>2. Add the following css in your stylesheet :
.image-hero-area {
position: fixed;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
margin: 0;
background: url(http://suono.fr/wp-content/uploads/2018/11/testlélekszellem.jpg) center center no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}works fine…
