# Header search plugin

**URL:** <https://meta.discourse.org/t/header-search-plugin/36435>\
**Category:** Plugin\
**Tags:** deprecated\
**Created:** [December 8, 2015, 7:05pm UTC](https://meta.discourse.org/t/header-search-plugin/36435 "2015-12-08T19:05:57Z")\
**Posts on this page:** 1\
**Showing post:** 85

<div class="post-metadata">

**Author:** ![angus](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/angus/32/341715_2.png) [@angus](https://meta.discourse.org/u/angus)\
**Post date:** [January 8, 2018, 10:20am UTC](https://meta.discourse.org/t/header-search-plugin/36435/85 "2018-01-08T10:20:59Z")

</div>

You know how sometimes you stumble on a solution and feel silly for not realising it earlier?

It turns out that if we move the search-context stuff into the dropdown (like it is in the search menu) and add a search icon, it solves the visual issue you’re both referring too and also solves various space issues with having the search-context suff in the header.

 ![26 PM](https://global.discourse-cdn.com/meta/original/3X/4/a/4ad73aa388236000e1166b72a51089360a1b3cf4.png)

With results:

 ![18 PM](https://global.discourse-cdn.com/meta/original/3X/a/a/aa1bc25f6cf7b4655d8390215fb4e64b46fcc598.png)

Incidentally, it now looks and functions very similarly to Facebook header search.

Commits:

- Plugin: [Hide context until clicked && add search icon · angusmcleod/discourse-header-search@6d8418f · GitHub](https://github.com/angusmcleod/discourse-header-search/commit/6d8418f519801fdb22737a7d37edd937b40c16b3)
- Theme: [Hide context until clicked && add search icon · paviliondev/discourse-header-search-theme@2c62ed1 · GitHub](https://github.com/angusmcleod/discourse-header-search-theme/commit/2c62ed1fa151be8c5bd86d43e87121f61c11e195)

Note, the right alignment CSS has changed as a result, see the [first post](https://meta.discourse.org/t/header-search-plugin/36435) of this topic:

cc @terraboss @nawthor

---

_[View the full topic](https://meta.discourse.org/t/header-search-plugin/36435)._