I'm developing a new website here link
And everything is working (effects and sizes), I'm using Bootstrap and jQuery, except in the mobile that in the Home and About Us has the Parallax effect.
The same does not work on any mobile device ... can anyone help me?
/* formata elementos que tem backgrounds parallax */
.bgParallax {
color:#FFF;
margin: 0 auto;
width: 100%;
max-width: 1920px;
position: relative;
min-height: 1000px;
background-position: 50% 0;
background-attachment: fixed;
}
/* Define backgrounds dos divs */
#quemsomos {
background-image: url(http://teste.softlove.us/assets/img/home/bg_usa2.png);
}
<div id="quemsomos" class="bgParallax" data-speed="15">
<p>EXEMPLO</p>
</div>
The problem is that testing for browsers on the mobile device x resolution seems to work. But testing on the device nothing happens :(
What can cause this?