# 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:** 5

<div class="post-metadata">

**Author:** ![Nick\_Putman](https://avatars.discourse-cdn.com/v4/letter/n/b5ac83/32.png) [@Nick\_Putman](https://meta.discourse.org/u/Nick_Putman)\
**Post date:** [May 7, 2016, 3:20pm UTC](https://meta.discourse.org/t/big-header-scroll-down-make-header-small-like-default-size/32201/5 "2016-05-07T15:20:08Z")

</div>

Thanks for pointing me in the right direction Simon. I have got this working using your html and the following css (at least in Safari and Firefox it works as intended):

> .title .logo-big {  
> display: none;  
> }

> .brand-header {  
> margin-bottom:-63px;  
> }

> .brand-header .brand-logo {  
> z-index:5000;  
> position: relative;  
> left:130px;  
> }

As you can see here: [http://forum.open-dialogue.net/t/ta-da/15](http://forum.open-dialogue.net/t/ta-da/15)

---

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