# Parallax

The parallax scrolling effect can be activated in the Page Header by simple putting using the parallax component , like in the below code. If you want to deactivate parallax, replace the parallax component with a div tag

<template>
    <div class="page-header page-header-small">
         <parallax class="page-header-image" style="background-image: url('https://demos.creative-tim.com/vue-now-ui-kit-pro/img/bg3.jpg')"></parallax>
     </div>
</template>
1
2
3
4
5