# \[付费\] 大120px徽标平滑过渡到小40px徽标（已完成）

**URL:** <https://meta.discourse.org/t/paid-big-120px-logo-to-small-40px-logo-smooth-transition-complete/85429>\
**Category:** Marketplace\
**Created:** [2018年四月16日 12:51 UTC](https://meta.discourse.org/t/paid-big-120px-logo-to-small-40px-logo-smooth-transition-complete/85429 "2018-04-16T12:51:09Z")\
**Posts on this page:** 1\
**Showing post:** 3

<div class="post-metadata">

**Author:** ![tshenry](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tshenry/32/119495_2.png) [@tshenry](https://meta.discourse.org/u/tshenry)\
**Post date:** [2018年五月5日 04:26 UTC](https://meta.discourse.org/t/paid-big-120px-logo-to-small-40px-logo-smooth-transition-complete/85429/3 "2018-05-05T04:26:37Z")

</div>

Ryan was nice enough to want to share the outcome of this large-to-small logo transition with the community. We ended up settling on a different approach from what’s shown in the GIF above. The large logo will scroll off the page, but once it has fully gone out of view, the standard header bar appears.

The generalized version of this theme-component can be found here:

> [@Big Header - Little Header](https://meta.discourse.org/t/big-header-little-header/86811):
>
> This theme component will provide a stationary header with a large logo when scrolled at the top of the page. As you scroll down the page, the normal Discourse header bar will appear. This allows a large site logo to be cleanly displayed at the top of the page. On mobile, the header bar will only display when the phone is in portrait orientation. Vertical space is usually fairly limited when you are in landscape orientation, so this will keep things open. To see the header again, you can either…

Thanks again Ryan for wanting to share this and for being such a great person to work with.

---

_[View the full topic](https://meta.discourse.org/t/paid-big-120px-logo-to-small-40px-logo-smooth-transition-complete/85429)._
