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

<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:** [December 8, 2015, 7:05pm UTC](https://meta.discourse.org/t/header-search-plugin/36435/1 "2015-12-08T19:05:57Z")

</div>

> \*\* **Please note** \*\*\*
> 
> I am no longer supporting this plugin. Please use the [Header Search Theme](https://meta.discourse.org/t/header-search-theme/67959) instead.
> 
> [See further](https://meta.discourse.org/t/header-search-plugin/36435/97).

Repo: [GitHub - angusmcleod/discourse-header-search: A Discourse plugin that makes the search bar visible in the header · GitHub](https://github.com/angusmcleod/discourse-header-search)

Also available as a theme: [Pavilion Header Search Theme Component](https://meta.discourse.org/t/header-search-theme/67959)

Makes the search bar visible in the header in the Desktop UI and hides the search menu icon. It only affects the Desktop UI. It does not affect mobile web.

 ![37 PM](https://global.discourse-cdn.com/meta/original/3X/e/3/e3782b560bb9404ff6ec4a6b9562cedeb72ee7ce.png)

When you scroll down on a topic the header search bar is hidden and the normal search menu icon reappears. This is to allow the topic title, category labels and tags to display (aka the ‘extra info’).

If you want the search bar to be right-aligned:

 ![17 PM](https://global.discourse-cdn.com/meta/original/3X/f/6/f689ff3f0a9e08ec4197567d0c077ec1b1cdf897.png)

Add this CSS in admin customise:

```plaintext
.header-search-enabled .contents {
   display: flex;
   justify-content: space-between;
    
   &:before, &:after {
     display: none;
   }
    
   .title {
     flex: 1 1 auto;
   }
    
   .search-header {
     float: right;
     margin-left: 0;
     margin-right: 10px;
   }
}

```

---

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