Parallax
The parallax scrolling effect can be activated in the Page Header by simple putting data-parallax="true"
, like in the below code. If you want to deactivate parallax, you have to change true
value with false
.
<div class="page-header">
<div class="page-header-image" data-parallax="true" style="background-image: url('assets/img/bg.jpg');"></div>
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
...
</div>
</div>
</div>
</div>