# Big header, scroll down, make header small (Like default size)

**URL:** <https://meta.discourse.org/t/big-header-scroll-down-make-header-small-like-default-size/32201>\
**Category:** Support\
**Created:** [August 17, 2015, 10:00am UTC](https://meta.discourse.org/t/big-header-scroll-down-make-header-small-like-default-size/32201 "2015-08-17T10:00:56Z")\
**Posts on this page:** 1\
**Showing post:** 9

<div class="post-metadata">

**Author:** ![Pad\_Pors](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pad_pors/32/52016_2.png) [@Pad\_Pors](https://meta.discourse.org/u/Pad_Pors)\
**Post date:** [September 3, 2016, 3:05pm UTC](https://meta.discourse.org/t/big-header-scroll-down-make-header-small-like-default-size/32201/9 "2016-09-03T15:05:17Z")

</div>

is there any way to use a parallax background effect for such a header image?

i’ve already tried this code as the css:

```plaintext
.parallax {
    /* The image used */
    background-image: url('img_parallax.jpg');

    /* Full height */
    height: 100%; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

```

and this as the html in the header:

```plaintext
<div class="parallax"></div> 

```

no success, yet.

---

_[View the full topic](https://meta.discourse.org/t/big-header-scroll-down-make-header-small-like-default-size/32201)._