# Pavilion Header Search Theme Component
**URL:** https://meta.discourse.org/t/pavilion-header-search-theme-component/67959
**Category:** Theme component
**Tags:** pavilion, broken
**Created:** [13 augustus 2017 om 09:43 UTC](https://meta.discourse.org/t/pavilion-header-search-theme-component/67959 "2017-08-13T09:43:48Z")
**Posts on this page:** 20
**Page:** 3
### Author:  [@Chaboi\_3000](https://meta.discourse.org/u/Chaboi_3000)
#### Post date: [5 maart 2019 om 10:36 UTC](https://meta.discourse.org/t/pavilion-header-search-theme-component/67959/41 "2019-03-05T10:36:04Z")
Same here. I can repro this on theme creator and discourse development.
---
### Author:  [@Stranik](https://meta.discourse.org/u/Stranik)
#### Post date: [23 april 2019 om 04:56 UTC](https://meta.discourse.org/t/pavilion-header-search-theme-component/67959/42 "2019-04-23T04:56:49Z")
@angus perhaps the component needs to be improved? In light of recent changes:
[https://github.com/discourse/discourse/commit/58fe45ffd95dc89bf008eeef28509a4fbc72263b](https://github.com/discourse/discourse/commit/58fe45ffd95dc89bf008eeef28509a4fbc72263b)
There is some strange behavior in the drop-down menu.
---
### Author:  [@nexo](https://meta.discourse.org/u/nexo)
#### Post date: [23 april 2019 om 07:15 UTC](https://meta.discourse.org/t/pavilion-header-search-theme-component/67959/43 "2019-04-23T07:15:24Z")
Broken.
> **[Gyazo Screen Video](https://gyazo.com/0fe004d8a4abee078af016959f7282a0)**
>
> Gyazo is the easiest way to record screenshots & videos you can share instantly. Save time with async visual communication that's effortless and engaging.
---
### Author:  [@angus](https://meta.discourse.org/u/angus)
#### Post date: [24 april 2019 om 01:52 UTC](https://meta.discourse.org/t/pavilion-header-search-theme-component/67959/44 "2019-04-24T01:52:52Z")
Thanks @Stranik and @nexo. I’ve added support for the new event added by [UX: Do not close login modal and search menu on outside mouse up even… · discourse/discourse@58fe45f · GitHub](https://github.com/discourse/discourse/commit/58fe45ffd95dc89bf008eeef28509a4fbc72263b).
[https://github.com/angusmcleod/discourse-header-search-theme/commit/94276e5bef25255496529e1287105bf11353d0d5](https://github.com/angusmcleod/discourse-header-search-theme/commit/94276e5bef25255496529e1287105bf11353d0d5)
The theme will continue to work with older Discourse versions as well.
---
### Author:  [@nexo](https://meta.discourse.org/u/nexo)
#### Post date: [17 mei 2019 om 01:10 UTC](https://meta.discourse.org/t/pavilion-header-search-theme-component/67959/45 "2019-05-17T01:10:30Z")
User and tags go off of the search modal. Could you check if this happens to your instance?
> **[Gyazo Screen Video](https://gyazo.com/0b399fbc1a4309c7b60f9b8da6819f89)**
>
> Gyazo is the easiest way to record screenshots & videos you can share instantly. Save time with async visual communication that's effortless and engaging.
---
### Author:  [@Chaboi\_3000](https://meta.discourse.org/u/Chaboi_3000)
#### Post date: [17 mei 2019 om 04:04 UTC](https://meta.discourse.org/t/pavilion-header-search-theme-component/67959/46 "2019-05-17T04:04:21Z")
It’s probably something wrong with your other themes. Long usernames are cut off with “…” when only using this component.
---
### Author:  [@bts](https://meta.discourse.org/u/bts)
#### Post date: [14 juni 2019 om 19:56 UTC](https://meta.discourse.org/t/pavilion-header-search-theme-component/67959/47 "2019-06-14T19:56:38Z")
Testing this theme component now and I see that once a search is executed the top of the results are getting cut off, whole element is getting shifted up or something. Anyone else seeing this?
It seems to happen even when I switch to a default theme…but @angus I don’t see this active in your sandbox at the moment so not 100% sure if it’s a bug or something weird with my setup.
---
### Author:  [@Andy02](https://meta.discourse.org/u/Andy02)
#### Post date: [22 augustus 2019 om 09:35 UTC](https://meta.discourse.org/t/pavilion-header-search-theme-component/67959/48 "2019-08-22T09:35:19Z")
We don’t have space for a search bar on mobile. Has anyone ever seen a search bar integrated into the forum itself, rather than the header? I guess it could also be a footer search bar
---
### Author:  [@Johani](https://meta.discourse.org/u/Johani)
#### Post date: [22 augustus 2019 om 10:35 UTC](https://meta.discourse.org/t/pavilion-header-search-theme-component/67959/49 "2019-08-22T10:35:21Z")
> [@Andy02](#):
>
> Has anyone ever seen a search bar integrated into the forum itself, rather than the header?
Have you looked at this component?
> [@Advanced Search Banner](https://meta.discourse.org/t/search-banner-theme-component/122939):
>
> warning This theme component is deprecated and should no longer be used. Its features are now in Discourse Core — see our documentation for details on setting up a welcome banner: → [Creating a banner to display at the top of your site](https://meta.discourse.org/t/creating-a-banner-to-display-at-the-top-of-your-site/153718#p-762961-welcome-banner-1)discourse2Summary Advanced Search Banner puts a search bar along with optional headline and subhead text in a banner above the main topic list navigation.eyeglassesPreview [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/search-banner)hammer_and_wrenchReposito…
---
### Author:  [@Andy02](https://meta.discourse.org/u/Andy02)
#### Post date: [22 augustus 2019 om 10:46 UTC](https://meta.discourse.org/t/pavilion-header-search-theme-component/67959/50 "2019-08-22T10:46:31Z")
thats exactly what i’m looking for. thank you @Johani.
We’ll modify it to work on tag-pages, which is the same for pretty much every plugin right now.
---
### Author:  [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [22 oktober 2019 om 02:24 UTC](https://meta.discourse.org/t/pavilion-header-search-theme-component/67959/51 "2019-10-22T02:24:13Z")
I noticed this issue too, made a PR with some updates
[https://github.com/angusmcleod/discourse-header-search-theme/pull/3](https://github.com/angusmcleod/discourse-header-search-theme/pull/3)
---
### Author:  [@angus](https://meta.discourse.org/u/angus)
#### Post date: [22 oktober 2019 om 06:35 UTC](https://meta.discourse.org/t/pavilion-header-search-theme-component/67959/52 "2019-10-22T06:35:37Z")
Thanks! Merged 🎉
---
### Author:  [@nexo](https://meta.discourse.org/u/nexo)
#### Post date: [22 oktober 2019 om 16:37 UTC](https://meta.discourse.org/t/pavilion-header-search-theme-component/67959/53 "2019-10-22T16:37:46Z")
A nice setting would be to place it exactly in the center of the header 🙂
---
### Author:  [@jrgong](https://meta.discourse.org/u/jrgong)
#### Post date: [19 mei 2020 om 08:44 UTC](https://meta.discourse.org/t/pavilion-header-search-theme-component/67959/54 "2020-05-19T08:44:32Z")
Hey @angus
are there any plans to update the theme component? In theme preview it seems to have some layout issues
I think it’s a great feature that animates user more to use search function more frequently.
---
### Author:  [@pfaffman](https://meta.discourse.org/u/pfaffman)
#### Post date: [15 december 2021 om 14:32 UTC](https://meta.discourse.org/t/pavilion-header-search-theme-component/67959/55 "2021-12-15T14:32:12Z")
I submitted this pr: [FIX: deprecations for ember-cli by pfaffman · Pull Request #4 · paviliondev/discourse-header-search-theme · GitHub](https://github.com/angusmcleod/discourse-header-search-theme/pull/4)
Hopefully it will serve as more than a notice that this deprecation exists. 🤷♂️
---
### Author:  [@RGJ](https://meta.discourse.org/u/RGJ)
#### Post date: [16 maart 2022 om 17:03 UTC](https://meta.discourse.org/t/pavilion-header-search-theme-component/67959/56 "2022-03-16T17:03:06Z")
> [@jrgong](#):
>
> In theme preview it seems to have some layout issues
I made a [PR](https://github.com/paviliondev/discourse-header-search-theme/pull/5) that fixes the layout issues.
---
### Author:  [@Decorbuz](https://meta.discourse.org/u/Decorbuz)
#### Post date: [17 mei 2022 om 13:55 UTC](https://meta.discourse.org/t/pavilion-header-search-theme-component/67959/57 "2022-05-17T13:55:28Z")
What are the differences between this #Customization > Theme component and the one linked below?
> [@Advanced Header Search](https://meta.discourse.org/t/search-banner-component/194093):
>
> discourse2Summary Advanced Header Search removes the search icon from the header menu and creates a search bar that is placed in the middle of the header area.eyeglassesPreview [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/header-search)hammer_and_wrenchRepository Link [https://github.com/discourse/discourse-header-search](https://github.com/discourse/discourse-header-search)open_bookNew to Discourse Themes? [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) Install this theme component :white\_exclamation\_mark:Note This theme component is onl…
---
### Author:  [@jacob\_kahn](https://meta.discourse.org/u/jacob_kahn)
#### Post date: [27 december 2022 om 01:04 UTC](https://meta.discourse.org/t/pavilion-header-search-theme-component/67959/58 "2022-12-27T01:04:32Z")
hey, for some reason, I’m not being successful with moving the search bar below my header. are there any suggestions? I’ve been trying to nest it within a div class that I created in the after header html
thanks,
Jacob
---
### Author:  [@bquast](https://meta.discourse.org/u/bquast)
#### Post date: [25 februari 2023 om 04:16 UTC](https://meta.discourse.org/t/pavilion-header-search-theme-component/67959/60 "2023-02-25T04:16:05Z")
Hello,
Thank you for the great component.
> How can I change the color of the search box?
I’d like to make it white.
Thank you
---
### Author:  [@angus](https://meta.discourse.org/u/angus)
#### Post date: [2 maart 2023 om 08:55 UTC](https://meta.discourse.org/t/pavilion-header-search-theme-component/67959/61 "2023-03-02T08:55:21Z")
I’m always pleasantly surprised to find that this component still basically works 🙂 I’ve made a few updates to bring this more up to date with the latest Discourse.
> [@bquast](#):
>
> > How can I change the color of the search box?
Not sure you’re using this component, but it you are add this to your theme CSS
```css
title .search-header #search-term {
background-color: pink;
}
```
[Previous page](https://meta.discourse.org/t/pavilion-header-search-theme-component/67959.md?page=2)
[Next page](https://meta.discourse.org/t/pavilion-header-search-theme-component/67959.md?page=4)